:root{--ink:#21131b;--muted:#746977;--line:#ded3da;--paper:#f7f3f6;--white:#fff;--berry:#842052;--amber:#a86413;--green:#237454;--blue:#43526a;--radius:8px;--shadow:0 18px 50px #1018281f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(180deg, #fffafc 0%, var(--paper) 36%, #f3f7f5 100%);min-height:100vh;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.08}h2{margin-bottom:0;font-size:1rem;line-height:1.1}label{color:#344054;font-size:.86rem;font-weight:700}select,input,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:100%;min-height:44px;color:var(--ink);padding:10px 12px}textarea{resize:vertical}.login-shell{background:radial-gradient(circle at 15% 18%, #8420521f, transparent 28%), radial-gradient(circle at 84% 76%, #2374541a, transparent 30%), linear-gradient(135deg, #fffffff5, #fffafcbd), var(--paper);place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,540px);box-shadow:var(--shadow);background:linear-gradient(#fffffffa,#fffafdf5);flex-direction:column;justify-content:center;padding:48px;display:flex}.brand-lockup{gap:22px;display:grid}.brand-mark{object-fit:contain;object-position:left center;width:min(100%,460px);height:auto;max-height:150px}.brand-mini{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.brand-mini-mark{object-fit:contain;object-position:left center;width:min(100%,206px);height:auto;max-height:66px}.brand-mini span{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.brand-mini strong{color:var(--ink)}.eyebrow,.preview-kicker{color:var(--berry);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}.login-copy h1{text-transform:uppercase;max-width:440px;font-size:clamp(2rem,5vw,3rem)}.login-intro{max-width:430px;color:var(--muted);margin:14px 0 0;font-size:1rem;line-height:1.55}.login-form{gap:10px;margin-top:42px;display:grid}.field-note{color:var(--muted);margin:-2px 0 8px;font-size:.82rem;line-height:1.45}.form-message{border-radius:var(--radius);color:#5d1839;background:#fff7fb;border:1px solid #d8a9c0;margin:0;padding:10px 12px;font-size:.86rem;font-weight:800;line-height:1.4}.form-message.success{color:var(--green);background:#f2fbf6;border-color:#bddfcd}.form-message.error{color:#9a2537;background:#fff6f7;border-color:#e6b2bd}.primary-action,.secondary-action,.quiet-action{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.primary-action:hover,.secondary-action:hover,.quiet-action:hover,.nav-item:hover{transform:translateY(-1px)}.primary-action{background:var(--berry);color:var(--white);box-shadow:0 10px 22px #84205233}.primary-action:hover{background:#6f1a45}.secondary-action{color:var(--berry);background:#f7e8f0;border-color:#d8a9c0}.secondary-action:hover{background:#f2dbe8}.quiet-action{color:#475467;border-color:var(--line);background:0 0}.compact{min-height:40px}.link-action{width:100%}.preview-panel{background:linear-gradient(135deg,#8420521f,#23745414),#fbf6f9;place-items:center;padding:48px;display:grid}.preview-card{background:var(--white);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:34px;overflow:hidden}.preview-card:before{content:"";background:#21131b;border-radius:999px;width:78px;height:5px;margin:18px auto 14px;display:block}.login-preview-image{object-fit:cover;object-position:top center;width:100%;height:min(72vh,720px);display:block}.preview-note{color:var(--muted);margin:0;padding:20px 24px 24px;font-weight:700;line-height:1.45}.preview-card .preview-kicker{color:#d984ad}.portal-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#fff 0%,#fff9fc 100%);flex-direction:column;gap:26px;min-height:100vh;padding:24px;display:flex;position:sticky;top:0}.nav-list{gap:8px;display:grid}.nav-item{border-radius:var(--radius);color:#4c3442;text-align:left;background:0 0;border:1px solid #0000;align-items:center;min-height:42px;padding:0 12px;font-weight:800;display:flex}.nav-item:hover,.nav-item.active{color:var(--berry);background:#f7e8f0;border-color:#ecd1df}.sidebar .quiet-action{color:#4c3442;border-color:var(--line);margin-top:auto}.sidebar .quiet-action:hover{background:#fbf6f9}.workspace{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.demo-banner,.readiness-strip{border-radius:var(--radius);background:linear-gradient(90deg, #84205214, #2374540f), var(--white);border:1px solid #e8d5df;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.demo-banner strong,.readiness-strip strong{margin-bottom:3px;display:block}.demo-banner span,.readiness-strip span{color:var(--muted);font-size:.88rem;line-height:1.45}.demo-pill{background:var(--berry);border-radius:999px;flex:none;align-items:center;min-height:30px;padding:0 10px;font-weight:900;display:inline-flex;color:var(--white)!important}.metrics-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#fffbfe);min-height:112px;padding:18px;box-shadow:0 10px 24px #8420520d}.metric span{color:var(--muted);font-size:.82rem;font-weight:800}.metric strong{margin-top:12px;font-size:2rem;display:block}.content-grid,.calendar-layout,.request-layout,.admin-overview,.admin-work-queue{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:18px;display:grid}.admin-overview{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);margin-bottom:18px}.admin-work-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 10px 26px #1018280a}.panel-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.panel-heading span{color:var(--muted);white-space:nowrap;font-size:.84rem}.item-list,.approval-list,.mix-list,.report-grid{gap:10px;display:grid}.content-item,.approval-item,.request-item,.report-card,.admin-client-card,.admin-work-item{border:1px solid var(--line);border-radius:var(--radius);background:#fffcfe;padding:14px}.content-item{grid-template-columns:1fr auto;gap:12px;display:grid}.content-item:hover,.approval-item:hover,.request-item:hover,.admin-client-card:hover,.admin-work-item:hover{border-color:#d2b0c1}.compact-list .content-item{grid-template-columns:1fr}.item-title{margin:0 0 7px;font-weight:900}.item-meta,.caption-text{color:var(--muted);font-size:.9rem;line-height:1.45}.badge-row{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.badge{color:#344054;background:#eef2f7;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:.76rem;font-weight:800;display:inline-flex}.badge.instagram{color:var(--berry);background:#f7e8f0}.badge.facebook{color:var(--blue);background:#edf3ff}.badge.waiting{color:#6941c6;background:#f3eefd}.badge.approved,.badge.scheduled,.badge.posted{color:var(--green);background:#e8f5ee}.badge.needs{color:var(--amber);background:#fff4df}.approval-item{gap:12px;display:grid}.approval-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.change-form{flex:340px;gap:8px;display:flex}.change-form input{min-width:180px}.calendar-grid{grid-template-columns:repeat(7,minmax(92px,1fr));gap:10px;display:grid}.day-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffcfe;min-height:148px;padding:10px}.day-label{color:var(--muted);font-size:.8rem;font-weight:800}.calendar-entry{border-left:3px solid var(--berry);background:var(--white);border-radius:6px;margin-top:8px;padding:8px;font-size:.82rem;font-weight:800}.mix-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.mix-row:last-child{border-bottom:0}.bar{background:#eef2f7;border-radius:999px;height:9px;overflow:hidden}.bar span{background:var(--berry);height:100%;display:block}.report-grid,.admin-client-list,.ops-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.admin-client-list,.ops-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px;display:grid}.admin-client-card strong{color:var(--ink);display:block}.admin-work-list{gap:10px;display:grid}.admin-work-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.client-tag{max-width:100%;color:var(--berry);overflow-wrap:anywhere;margin-bottom:7px;font-size:.74rem;font-weight:900;display:inline-flex}.report-card strong{margin-bottom:5px;font-size:1.8rem;display:block}.request-form{gap:10px;display:grid}.request-media-grid{gap:10px;margin-top:12px;display:grid}.request-media{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.request-media img,.request-media video,.request-media-placeholder{aspect-ratio:1;background:#eef2f7;border-radius:6px;width:74px}.request-media img,.request-media video{object-fit:cover}.request-media-placeholder{color:var(--muted);text-transform:uppercase;place-items:center;font-size:.72rem;font-weight:900;display:grid}.request-media strong,.request-media span{overflow-wrap:anywhere;display:block}.request-media strong{margin-bottom:4px;font-size:.88rem}.request-media span{color:var(--muted);font-size:.78rem;font-weight:800}.upload-box{border-radius:var(--radius);background:#fffcfe;border:1px dashed #b8c2d0;grid-template-columns:1fr;gap:4px;min-height:118px;padding:18px;display:grid;position:relative}.upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-box strong{margin-bottom:6px;display:block}.upload-box span{color:var(--muted);font-size:.9rem}.upload-preview{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.upload-tile{border:1px solid var(--line);border-radius:var(--radius);background:#fffcfe;gap:7px;min-width:0;padding:10px;display:grid}.upload-media-wrap{aspect-ratio:4/3;background:#eef2f7;border-radius:6px;position:relative;overflow:hidden}.upload-media-wrap img,.upload-media-wrap video{object-fit:cover;width:100%;height:100%}.upload-mode{max-width:calc(100% - 14px);color:var(--white);background:#21131bd1;border-radius:999px;padding:5px 7px;font-size:.66rem;font-weight:900;position:absolute;bottom:7px;left:7px}.upload-tile>span{overflow-wrap:anywhere;color:var(--ink);font-size:.84rem;font-weight:800;display:block}.upload-file-meta{color:var(--muted)!important;font-size:.76rem!important}.ops-grid article{border:1px solid var(--line);border-radius:var(--radius);background:#fffcfe;min-height:94px;padding:12px}.ops-grid span{color:var(--muted);font-size:.78rem;font-weight:800;display:block}.ops-grid strong{margin-top:8px;font-size:1.35rem;line-height:1.1;display:block}.admin-note{color:var(--muted);margin:12px 0 0;font-size:.86rem;line-height:1.45}@media (max-width:980px){.login-shell,.portal-shell,.content-grid,.calendar-layout,.request-layout,.admin-overview,.admin-work-queue{grid-template-columns:1fr}.login-panel{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.preview-panel{padding:22px}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;position:static}.nav-list{grid-template-columns:repeat(6,minmax(120px,1fr));overflow-x:auto}.sidebar .quiet-action{margin-top:0}.metrics-grid,.report-grid,.admin-client-list,.ops-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.calendar-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media (max-width:620px){.login-panel,.workspace,.sidebar{padding:18px}.topbar,.content-item,.admin-work-item,.demo-banner,.readiness-strip{grid-template-columns:1fr;display:grid}.topbar-actions{justify-content:stretch}.topbar-actions a,.approval-actions button,.request-media .quiet-action,.change-form{width:100%}.change-form{display:grid}.metrics-grid,.report-grid,.calendar-grid,.admin-client-list,.ops-grid{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(2,minmax(130px,1fr))}.request-media{grid-template-columns:62px minmax(0,1fr)}.request-media .quiet-action,.request-media .item-meta{grid-column:1/-1}}