:root{--bg:#f5f7fb;--panel:#fff;--panel-soft:#f8fafc;--panel-strong:#f1f6ff;--text:#172033;--muted:#657086;--line:#e4e9f1;--accent:#2457d6;--accent-dark:#1943ad;--danger:#c53030;--warning:#b96d08;--success:#15803d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;padding:1.25rem clamp(.75rem,3vw,2.75rem) 3rem}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:0 auto 1.25rem;padding:.9rem 1rem;display:flex;box-shadow:0 8px 25px #2134540a}.brand-block{align-items:center;gap:.7rem;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:.65rem;place-items:center;width:2.1rem;height:2.1rem;font-weight:800;display:grid}.brand{font-size:.98rem;font-weight:700}.brand-subtitle{color:var(--muted);margin-top:.1rem;font-size:.72rem;display:block}.topnav{flex-wrap:wrap;gap:1rem;display:flex}.topnav a,.topnav .nav-logout{color:var(--muted);border-radius:.55rem;padding:.45rem .65rem;font-size:.86rem;font-weight:650;text-decoration:none}.topnav .nav-logout{box-shadow:none;cursor:pointer;background:0 0;border:0}.topnav a:hover,.topnav a.nav-active,.topnav .nav-logout:hover{color:var(--accent);background:#edf3ff}.main-content{max-width:1440px;margin:0 auto}h1{letter-spacing:-.03em;margin:0 0 .3rem;font-size:clamp(1.55rem,3vw,2.15rem)}h2,h3{letter-spacing:-.015em}h3{margin-top:0}p{line-height:1.55}.content>p:first-of-type{color:var(--muted);margin-top:0}.content{box-shadow:0 12px 35px #2134540a}.content>.panel:first-of-type{margin-top:1.25rem}.panel>h3{margin-bottom:.45rem}.panel p{margin:.5rem 0}.panel li{margin:.3rem 0}.content{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1.2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.metric-card{background:var(--panel-strong);border:1px solid #dbe5f8;border-radius:.8rem;padding:.9rem}.metric-card .metric-label{color:var(--muted);margin:0 0 .3rem;font-size:.92rem}.metric-value{margin:0;font-size:1.15rem;font-weight:700}.metric-detail{color:var(--muted);margin:.4rem 0 0;font-size:.82rem}.metric-warning{background:#fff6d9;border-color:#ffd966}.metric-bad{background:#ffe7e9;border-color:#ffb3be}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1rem;margin-top:1rem;padding:1rem;box-shadow:0 4px 15px #21345406}.ok{color:#0a7a33;margin:.3rem 0}.warning{color:#9c4c00;margin:.3rem 0}input,textarea,select,button{font:inherit}.form-grid{gap:.8rem;display:grid}.form-grid .row{gap:.35rem;display:grid}.actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.6rem;padding:.55rem .85rem;font-weight:650;transition:background .15s,transform .15s}button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:#6d7480}button.danger{background:var(--danger)}button.warn{background:var(--warning)}input,select,textarea{background:#fff;border:1px solid #c8d4ea;border-radius:.6rem;min-width:0;max-width:100%;padding:.6rem}select{width:100%}code{background:#f6f8fc;border:1px solid #d9e1ef;border-radius:.4rem;padding:.2rem .4rem}.list{margin:0;padding-left:1rem}.tag{background:#eef4ff;border:1px solid #d4e2ff;border-radius:999px;margin-bottom:.2rem;margin-right:.3rem;padding:.1rem .5rem;font-size:.8rem;display:inline-block}.status-pill{color:var(--success);background:#eef7f0;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.dashboard-hero{background:linear-gradient(120deg,#edf3ff,#f6fbff);border:1px solid #dce7ff;border-radius:.9rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;display:flex}.dashboard-hero p{color:var(--muted);margin:.25rem 0 0}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.section-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-size:.7rem;font-weight:800}.button-guide{background:var(--panel-soft)}.button-help-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem;display:grid}.button-help-grid p{border:1px solid var(--line);background:#fff;border-radius:.7rem;margin:0;padding:.7rem}.button-help-grid strong,.button-help-grid span{display:block}.button-help-grid span,.control-note{color:var(--muted);font-size:.88rem}.compact-control{gap:.4rem;max-width:760px;margin-top:.8rem;display:grid}.creative-list{gap:.8rem;margin-top:.9rem;display:grid}.creative-card{background:var(--panel-strong);border:1px solid #dbe5f8;border-radius:.8rem;padding:.9rem}.creative-card .row{gap:.3rem;margin-top:.65rem;display:grid}.mission-panel{background:linear-gradient(#fbfdff,#fff);border-color:#cbdaf7;scroll-margin-top:1rem}.mission-list{gap:.9rem;margin-top:1rem;display:grid}.mission-card{background:#fff}.mission-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mission-card-heading small,.mission-questions small{color:var(--muted);margin-top:.2rem;display:block}.mission-summary-grid,.mission-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem;margin-top:.75rem;display:grid}.mission-summary-grid p,.mission-kpis p{border:1px solid var(--line);background:var(--panel-soft);border-radius:.65rem;gap:.1rem;margin:0;padding:.65rem;display:grid}.mission-summary-grid span,.mission-kpis span,.mission-campaign span{color:var(--muted);font-size:.8rem}.mission-questions,.mission-plan{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.mission-questions h4,.mission-plan h4{margin:0 0 .5rem}.mission-campaign{border-left:3px solid var(--accent);background:var(--panel-soft);border-radius:0 .65rem .65rem 0;margin-top:.65rem;padding:.75rem}.mission-campaign p{overflow-wrap:anywhere}.mission-plan details{margin-top:.7rem}.mission-plan summary{cursor:pointer;font-weight:650}.mission-actions{border-top:1px solid var(--line);padding-top:.3rem}.reset-panel{background:snow;border-color:#efc9c9}.metric-card{min-height:7.1rem}.metric-card .metric-value{font-size:clamp(1.15rem,2vw,1.45rem)}@media (max-width:720px){.app-shell{padding:.6rem .55rem 2rem}.topbar{flex-direction:column;align-items:flex-start}.topnav{flex-wrap:wrap;gap:.2rem;width:100%;padding-bottom:.1rem}.topnav a{white-space:nowrap}.content{padding:.85rem}.dashboard-hero{flex-direction:column}.hero-actions{justify-content:flex-start}.mission-card-heading{flex-direction:column}.actions button{flex:45%}}