:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.auth-shell{background:radial-gradient(circle at 0 0,#e8f0ff,#0000 34%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.card,.welcome-card{background:#fff;border:1px solid #e7ebf3;border-radius:24px;box-shadow:0 20px 50px #1c274414}.auth-card{width:min(440px,100%);padding:32px}.brand-mark{color:#fff;background:#172033;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:20px;font-weight:800;display:grid}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3.5rem);line-height:1}h2{margin-bottom:8px;font-size:1.25rem}.muted,.hint{color:#64708a}.hint{margin:16px 0 0;font-size:.86rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64708a;margin-bottom:8px;font-size:.78rem}.stack{gap:16px;display:grid}label{color:#26324a;gap:8px;font-weight:700;display:grid}input,textarea{color:#172033;resize:vertical;background:#fff;border:1px solid #d9e0ed;border-radius:14px;outline:none;width:100%;padding:12px 14px}input:focus,textarea:focus{border-color:#172033;box-shadow:0 0 0 3px #17203314}.primary,.secondary{border:0;border-radius:14px;padding:12px 16px;font-weight:800}.primary{color:#fff;background:#172033}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.secondary{color:#172033;background:#edf1f7}.dashboard-shell{width:min(1180px,100%);margin:0 auto;padding:28px}.welcome-card{margin-bottom:24px;padding:24px}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.card{padding:24px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.inline-controls{align-items:center;gap:10px;display:flex}.form-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:20px 24px;display:flex;overflow:hidden}.topbar-left{align-items:center;gap:16px;min-width:0;display:flex}.topbar-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:220px;height:96px;display:block}.welcome-title{overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:24px;font-weight:600}.login-logo{object-fit:contain;width:auto;max-width:320px;height:120px;margin:0 auto 24px;display:block}@media (width<=860px){.dashboard-shell{width:100%;padding:20px}.topbar{grid-template-columns:1fr;align-items:stretch;gap:18px;padding:24px;display:grid}.topbar-left{grid-template-columns:1fr;justify-items:start;gap:16px;display:grid}.topbar-logo{max-width:180px;height:64px}.welcome-title{font-size:28px;line-height:1.15}.topbar .secondary{width:100%}.grid,.section-heading{grid-template-columns:1fr;display:grid}.inline-controls,.form-footer{flex-direction:column;align-items:stretch}.bar-row{grid-template-columns:1fr;gap:6px}.bar-value{text-align:left}}@media (width<=520px){.dashboard-shell{padding:16px}.auth-card,.card,.welcome-card,.topbar{border-radius:20px}.card,.welcome-card{padding:22px}.topbar-logo{max-width:160px;height:56px}.welcome-title{font-size:24px}h1{font-size:2rem}}.alert{border-radius:14px;padding:12px 14px;font-weight:700}.error{color:#a52121;background:#fff1f1}.success{color:#176b39;background:#edf9f1}.chart{gap:14px;display:grid}.bar-row{grid-template-columns:140px minmax(120px,1fr) 58px;align-items:center;gap:12px;display:grid}.bar-label{color:#4d5a72;font-size:.88rem}.bar-track{background:#edf1f7;border-radius:999px;height:14px;overflow:hidden}.bar-fill{border-radius:inherit;background:#172033;height:100%;transition:width .18s}.bar-value{text-align:right;font-weight:800}@media (width<=860px){.grid,.section-heading,.topbar{grid-template-columns:1fr;display:grid}.inline-controls,.form-footer{flex-direction:column;align-items:stretch}.bar-row{grid-template-columns:1fr;gap:6px}.bar-value{text-align:left}}
