@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #17221e;--muted: #758079;--line: #e8ece8;--paper: #f7f8f5;--white: #fff;--green: #254f3d;--lime: #c9f06a;--soft: #edf4e9;--orange: #fff1df;--red: #fff0ee;--shadow: 0 12px 36px #263b3010}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 30px;font:800 20px Manrope}.brandmark{width:31px;height:31px;border-radius:10px;background:var(--green);color:var(--lime);display:grid;place-items:center;font-size:18px}.workspace{margin:0 6px 22px;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;gap:9px;align-items:center}.avatar{width:32px;height:32px;border-radius:10px;background:#e9efe8;color:var(--green);display:grid;place-items:center;font-weight:700}.tiny{font-size:11px;color:var(--muted)}.wlabel{font-size:12px;font-weight:700}.navcap{color:#a1aaa4;font-size:10px;font-weight:700;letter-spacing:.12em;padding:10px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:9px;color:#69746d;display:flex;gap:11px;align-items:center}.nav button.active{background:var(--soft);color:var(--green);font-weight:700}.social-nav-link{margin-top:14px;border:1px dashed #c0d3c5!important;color:var(--green)!important;background:#f7faf7!important;font-weight:600}.social-nav-link:hover{background:#edf5ed!important}.ico{width:17px;text-align:center;font-size:15px}.pillcount{margin-left:auto;background:#eef0ec;padding:2px 7px;border-radius:99px;font-size:11px}.sidebottom{margin-top:auto}.profile{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;gap:10px;align-items:center}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:13px;color:var(--muted)}.crumb strong{color:var(--ink)}.topright{display:flex;align-items:center;gap:14px}.role-select{background:#f7f8f5;border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:var(--green);font-weight:600;font-size:12px}.iconbtn{width:36px;height:36px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--green);font-size:18px;display:grid;place-items:center}.main{max-width:1240px;margin:auto;padding:32px 34px 60px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{color:#7a877f;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font:700 27px Manrope;margin-bottom:5px;letter-spacing:-.04em}h2{font:700 17px Manrope;letter-spacing:-.02em;margin-bottom:5px}h3{font:700 14px Manrope;margin-bottom:6px}.sub{color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:transform .18s ease,box-shadow .18s ease}.btn:hover{background:#fcfdfc}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 5px 16px #254f3d22}.btn.lime{background:var(--lime);border-color:var(--lime);color:#203328;font-weight:700}.btn.small{padding:7px 11px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:17px 18px}.stathead{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.statnum{font:700 25px Manrope;margin-top:13px}.trend{font-size:11px;color:#558267;margin-top:4px}.card{padding:20px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionhead .sub{margin:0}.layout{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.joblist{display:grid;gap:10px}.job{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;gap:13px;align-items:center;background:#fff;cursor:pointer;transition:.16s ease}.job:hover{border-color:#b7c7b9;transform:translateY(-1px)}.job.active{border-color:var(--green);background:#f7faf7}.thumb{height:54px;width:78px;flex:none;border-radius:9px;background:linear-gradient(135deg,#29493c,#a5ae8a);display:grid;place-items:center;color:#fff;font-size:18px;position:relative;overflow:hidden}.jobinfo{flex:1;min-width:0}.jobtitle{font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobmeta{font-size:11px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:5px 9px;border-radius:99px;white-space:nowrap;background:#f0f2ef;color:#58635c}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:99px}.status.green{background:#eaf5e9;color:#4e8050}.status.orange{background:#fff1df;color:#a96517}.status.red{background:#fff0ee;color:#bc594e}.deadline{font-size:11px;color:var(--muted);margin-top:6px}.deadline.soon{color:#bd771d;font-weight:700}.deadline.late{color:#bc5147;font-weight:700}.empty{text-align:center;padding:46px 20px;color:var(--muted)}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.back{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px}.detailgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px}.player{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(140deg,#1e3229,#668071 55%,#bbac81);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden;min-height:230px}.player-video{width:100%;height:100%;min-height:230px;max-height:520px;object-fit:contain;background:#111;border-radius:12px}.player-iframe{width:100%;height:100%;min-height:230px;max-height:520px;border:0;background:#111;border-radius:12px}.play{width:54px;height:54px;border-radius:50%;background:#fffd;color:var(--green);display:grid;place-items:center;z-index:1;font-size:19px;padding-left:3px}.playerlabel{position:absolute;bottom:12px;left:14px;font-size:11px;z-index:1;background:#0008;padding:4px 8px;border-radius:6px}.sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sizecard{border:1px solid var(--line);padding:12px;border-radius:10px;background:#fff}.sizecard b{font-size:12px}.sizecard div{font-size:11px;color:var(--muted);margin-top:5px}.sizecard.approved{background:#eff7eb;border-color:#d7e8d0}.version{padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.version.active{border-color:#8caf92;background:#f5faf3;font-weight:700}.comment{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;line-height:1.5}.comment:last-of-type{border:0}.timestamp{font:700 10px DM Sans;color:var(--green);background:#eaf3e7;padding:3px 6px;border-radius:5px;margin-right:7px}.commentform{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.commentform input{width:72px;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px}.commentform textarea{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical;min-height:52px}.pricebox{background:#f5f8f2;padding:15px;border-radius:10px;margin:12px 0}.pricebox strong{font:700 20px Manrope;display:block;margin-top:4px}.budget-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.budget-breakdown b{color:var(--ink)}.steps{display:grid;gap:11px;margin:15px 0}.step{display:flex;gap:10px;font-size:12px;align-items:center;color:var(--muted)}.stepdot{width:22px;height:22px;border-radius:50%;background:#e9eee8;color:#607768;display:grid;place-items:center;font-size:10px;font-weight:700}.step.done{color:var(--ink)}.step.done .stepdot{background:var(--green);color:#fff}.step.current{font-weight:700;color:var(--green)}.step.current .stepdot{border:2px solid var(--green);background:#eaf5e9;color:var(--green)}.filebox{border:1px dashed #cbd5cc;border-radius:10px;padding:14px;margin-top:12px;background:#fafbfa}.fileboxhead{display:flex;justify-content:space-between;align-items:center}.version-actions,.upload-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.thumbnail-preview{display:block;width:min(100%,260px);max-height:180px;object-fit:cover;border-radius:9px;margin-top:10px;border:1px solid var(--line)}.drive-notice{margin-top:10px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:12px;line-height:1.5;color:#166534}.drive-box-card{margin-top:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.drive-box-card.disabled{background:#f8fafc;opacity:.8}.drive-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.project-code-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 7px;background:#f1f5f9;color:#0f172a;border:1px solid #cbd5e1;border-radius:5px;line-height:1.3;white-space:nowrap}.project-code-badge{display:inline-flex;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.06em;padding:3px 9px;background:#f8fafc;color:#0f172a;border:1px solid #94a3b8;border-radius:6px;box-shadow:0 1px 2px #0000000a;white-space:nowrap}.transcript-form textarea{display:block;width:100%;margin:8px 0;border:1px solid var(--line);border-radius:8px;padding:10px;font-family:inherit}.toast{position:fixed;right:24px;bottom:22px;padding:13px 18px;background:#1d3428;color:#fff;border-radius:11px;box-shadow:var(--shadow);z-index:999;animation:in .2s ease}@keyframes in{0%{transform:translateY(8px);opacity:0}to{opacity:1}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#eaf2e7,transparent 38%),var(--paper)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.login-field{display:grid;gap:7px;margin-top:16px;font-size:12px;font-weight:700;color:#657169}.login-field input{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff}.login-submit{width:100%;justify-content:center;margin-top:20px;padding:12px}.setup-list{padding-left:20px;line-height:1.9;color:var(--muted);font-size:13px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--paper);color:var(--muted)}.error-banner{display:flex;justify-content:space-between;gap:14px;background:var(--red);color:#9c4339;border:1px solid #f2d5d0;padding:11px 13px;border-radius:9px;margin-bottom:16px;font-size:12px}.error-banner button{border:0;background:none;color:inherit;font-size:16px}.modalback{position:fixed;inset:0;background:#17221e66;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 70px #0002;max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:-24px;background:#fff;padding:4px 0 12px;z-index:2;border-bottom:1px solid var(--line)}.close{border:0;background:#f3f5f2;width:32px;height:32px;border-radius:8px;font-size:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field span{font-size:11px;font-weight:700;color:#69756e}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;min-width:0}.field input[type=date]{color-scheme:light;min-height:42px;font-size:13px}.image-options{display:grid;gap:9px}.image-options>label{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font-size:12px}.image-options select{width:145px;border:1px solid var(--line);border-radius:7px;padding:8px;background:#fff}.thumb-choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:12px}.thumb-choice input{accent-color:var(--green);width:18px;height:18px}.booking-fields{display:grid;gap:9px}.booking-fields input{width:100%;min-width:0}.three-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.three-dates .tiny{display:block;margin-bottom:4px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-24px;background:#fff;padding:14px 0 4px;border-top:1px solid var(--line);margin-top:14px}.note{padding:12px;background:#fff7e9;border-radius:9px;color:#85632e;font-size:11px;line-height:1.5;margin-top:10px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-size:10px;font-weight:600;padding:10px;border-bottom:1px solid var(--line)}.table td{font-size:12px;padding:13px 10px;border-bottom:1px solid var(--line)}.budgetrow{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.budgetrow:last-child{border:0}.brief-text{white-space:pre-wrap;line-height:1.6;color:#4b5750;font-size:13px}.social-portal-wrap{min-height:100vh;background:var(--paper);display:flex;flex-direction:column}.social-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.social-badge{font-size:11px;background:#edf5ed;color:var(--green);border:1px solid #d2e4d4;padding:4px 9px;border-radius:99px;font-weight:700;margin-left:8px}.social-main{max-width:1240px;margin:0 auto;width:100%;padding:30px 34px 60px}.social-grid{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.social-sidebar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.social-content{display:flex;flex-direction:column;gap:18px}@media(max-width:900px){.app{grid-template-columns:70px 1fr}.sidebar{padding:20px 9px}.brand{padding:0 10px 27px}.brandname,.workspace>div:not(.avatar),.navcap,.nav button .navtext,.pillcount,.profile>div:not(.avatar){display:none}.workspace{justify-content:center;padding:8px;margin:0 0 20px}.nav button{justify-content:center;padding:12px 8px}.profile{justify-content:center;padding-left:0;padding-right:0}.layout,.detailgrid,.social-grid{grid-template-columns:1fr}.main,.social-main{padding:25px 20px}.topbar,.social-header{padding:0 20px}}@media(max-width:620px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;bottom:0;top:auto;width:100%;height:60px;border-right:0;border-top:1px solid var(--line);padding:6px 10px;background:#fff}.brand,.workspace,.navcap,.sidebottom{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{padding:8px}.nav button .navtext{display:none}.social-nav-link{margin-top:0}.topbar,.social-header{height:60px;padding:0 16px}.main,.social-main{padding:18px 14px 84px}.heading{align-items:flex-start;gap:12px;flex-wrap:wrap}h1{font-size:22px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.statnum{font-size:20px}.sizes,.formgrid,.three-dates{grid-template-columns:1fr}.modal{padding:18px;width:100%;border-radius:14px}.modalhead{top:-18px}.modal-actions{bottom:-18px}.card{padding:16px}}