:root{color:#102332;background:#eef5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}.login-shell{isolation:isolate;background:#edf5f8;place-items:center;min-height:100vh;padding:32px 18px;display:grid;position:relative;overflow:hidden}.login-background{z-index:0;filter:blur(.5px);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-18px;transform:scale(1.01)}.login-overlay{z-index:1;background:linear-gradient(135deg,#f7fcfe47,#e5f1f72e),#ffffff08;position:absolute;inset:0}.login-card{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #c7dae3e6;border-radius:14px;gap:22px;width:min(100%,460px);padding:28px;display:grid;position:relative;box-shadow:0 24px 72px #0f2d3c2e,0 2px 12px #0f2d3c14}.login-logo{width:118px;height:auto}.eyebrow{color:#1f6678;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.8rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.4rem)}h2{margin-bottom:6px;font-size:1.1rem}.muted{color:#607381;font-weight:600}.stack{gap:14px;display:grid}label{color:#31495a;gap:7px;font-weight:800;display:grid}input,textarea{color:#0f2230;background:#fff;border:1px solid #cddde5;border-radius:8px;outline:none;width:100%;padding:13px 14px}input:focus,textarea:focus,button:focus-visible{border-color:#1f6678;box-shadow:0 0 0 3px #1f667829}.primary,.secondary,.ghost,.danger,.icon-button{border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 18px;font-weight:900}.primary{color:#fff;background:#1f6678}.primary:hover{background:#185467}.secondary,.ghost{color:#15576a;background:#eaf3f6}.secondary:hover,.ghost:hover{background:#dbeaf0}.danger{color:#fff;background:#a33d3d}.message{color:#31495a;background:#f5fafc;border:1px solid #d4e2e8;border-radius:8px;margin:0;padding:12px;font-weight:700}.app-shell{background:#eef5f7;min-height:100vh}.topbar{z-index:10;background:#fffffff5;border-bottom:1px solid #d4e2e8;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 24px;display:grid;position:sticky;top:0}.topbar img{width:96px;height:auto}.content{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 56px}.section-head{grid-template-columns:1fr minmax(320px,520px);align-items:end;gap:18px;margin-bottom:22px;display:grid}.search{grid-template-columns:1fr auto;gap:10px;display:grid}.list-panel{gap:12px;display:grid}.approval-row{background:#fff;border:1px solid #d4e2e8;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 12px 28px #0f2d3c0f}.approval-row p{margin-bottom:4px;font-weight:700}.status{color:#725300;background:#fff4bd;border-radius:999px;width:fit-content;margin-bottom:8px;padding:5px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.row-side{justify-items:end;gap:10px;min-width:160px;display:grid}.empty{text-align:center;color:#607381;background:#fff;border:1px dashed #bfd2dc;border-radius:8px;padding:28px;font-weight:800}.pager{justify-content:center;align-items:center;gap:12px;margin-top:18px;font-weight:800;display:flex}.drawer{z-index:30;background:#fff;border-left:1px solid #d4e2e8;align-content:start;gap:18px;width:min(560px,100%);padding:20px;display:grid;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-20px 0 42px #0f2d3c2e}.drawer-head{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.icon-button{color:#102332;background:#eef5f7;border-radius:999px;width:44px;padding:0}.preview{background:#f4f8fa;border:1px solid #d4e2e8;border-radius:8px;place-items:center;min-height:250px;display:grid;overflow:hidden}.preview img,.preview video{object-fit:contain;width:100%;max-height:420px;display:block}.media-thumb-button{cursor:zoom-in;border:1px solid #d4e2e8;width:100%;min-height:128px;padding:0;position:relative}.media-thumb-button span{color:#fff;background:#10273ad1;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;position:absolute;bottom:10px;right:10px}.empty-preview{color:#607381;font-weight:800}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info{background:#fbfdfe;border:1px solid #d4e2e8;border-radius:8px;gap:3px;padding:12px;display:grid}.info span{color:#607381;text-transform:uppercase;font-size:.76rem;font-weight:900}.info strong{overflow-wrap:anywhere}.metadata{flex-wrap:wrap;gap:8px;display:flex}.metadata span{color:#1f6678;background:#eaf3f6;border-radius:999px;padding:7px 10px;font-weight:900}.actions{background:#fff;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid;position:sticky;bottom:0}.campaign-item{background:#fbfdfe;border:1px solid #d4e2e8;border-radius:8px;gap:12px;padding:14px;display:grid}.campaign-item h3{margin:0}.proof-list,.proof-actions{background:#fff;border:1px solid #d4e2e8;border-radius:8px;gap:8px;padding:12px;display:grid}.proof-list a{color:#15576a;font-weight:800}.proof-list__item{color:#10273a;background:#f3f8fa;border-radius:8px;gap:2px;padding:8px 10px;font-weight:800;display:grid}.proof-list__item small{color:#5d7180;font-size:.78rem;font-weight:800}.proof-thumb{color:#10273a;text-align:left;cursor:zoom-in;background:#f3f8fa;border:0;border-radius:8px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.proof-thumb:disabled{cursor:wait;opacity:.72}.proof-thumb__media{aspect-ratio:16/9;color:#15576a;background:#dcebef;border-radius:8px;place-items:center;width:92px;font-weight:900;display:grid;overflow:hidden}.proof-thumb__media img,.proof-thumb__media video{object-fit:cover;width:100%;height:100%}.proof-thumb__text{gap:3px;min-width:0;display:grid}.proof-thumb__text strong{overflow-wrap:anywhere;font-weight:900}.proof-thumb__text small{color:#5d7180;font-size:.78rem;font-weight:800}.media-modal{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.media-modal__backdrop{background:#0c1d2b9e;border:0;position:absolute;inset:0}.media-modal__panel{z-index:1;background:#fff;border-radius:10px;gap:12px;width:min(960px,100%);max-height:calc(100vh - 48px);padding:14px;display:grid;position:relative;box-shadow:0 24px 80px #0c1d2b47}.media-modal__panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.media-modal__panel h3{overflow-wrap:anywhere;margin:0}.media-modal__panel header button{color:#15576a;background:#edf5f8;border:0;border-radius:999px;width:38px;height:38px;font-weight:900}.media-modal__frame{background:#071923;border-radius:8px;place-items:center;display:grid;overflow:hidden}.media-modal__frame img,.media-modal__frame video{max-width:100%;max-height:calc(100vh - 150px);display:block}.file-button{color:#fff;background:#1f6678;border:1px solid #0000;border-radius:8px;align-content:center;width:fit-content;min-height:44px;padding:0 18px;font-weight:900;display:inline-grid}.file-button input{display:none}.toast{z-index:50;color:#102332;text-align:left;background:#fff;border:1px solid #cfe0e7;border-radius:8px;max-width:min(420px,100% - 36px);padding:14px 16px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 42px #0f2d3c2e}@media (width<=760px){.login-shell{padding:20px 14px}.login-background{filter:blur(.5px);inset:-14px;transform:scale(1.01)}.login-card{border-radius:12px;gap:18px;padding:24px 20px}.topbar{grid-template-columns:auto 1fr}.topbar .ghost{grid-column:1/-1}.section-head,.search,.approval-row{grid-template-columns:1fr}.row-side{justify-items:stretch}.drawer{width:100%;padding:16px}.detail-grid,.actions{grid-template-columns:1fr}}