:root{--background:#f7f8fa;--foreground:#18202b;--card:#fff;--muted:#758092;--border:#e3e7ec;--primary:#ed1b3b;--green:#0e9f6e;--blue:#5276e8;--purple:#9a63d5}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.admin-shell{min-height:100vh}.topbar{color:#fff;z-index:30;background:#202124;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-mark{border:2px solid #fff;border-radius:9px 3px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid;transform:rotate(-9deg)}.brand strong{letter-spacing:-1px;font-size:19px;line-height:18px;display:block}.brand small{opacity:.68;letter-spacing:.4px;font-size:9px;display:block}.topbar-search{color:#9fa3aa;background:#292a2d;border:1px solid #424448;border-radius:7px;align-items:center;gap:10px;width:min(420px,38vw);height:38px;padding:0 11px;font-size:12px;display:flex}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-actions button,.mobile-menu{color:#fff;background:0 0;border:0}.avatar{color:#727980;background:#e9ebed;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.mobile-menu{display:none}.app-body{display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:274px;height:calc(100vh - 72px);padding:24px 16px 18px;display:flex;position:sticky;top:72px}.nav-heading{color:#8993a0;text-transform:uppercase;letter-spacing:1.25px;padding:4px 10px 10px;font-size:11px;font-weight:700}.sidebar nav{gap:2px;display:grid}.nav-item{color:#566171;border-left:3px solid #0000;border-radius:0 7px 7px 0;align-items:center;gap:13px;padding:11px 12px;font-size:13px;display:flex}.nav-item span{flex:1}.nav-item small{color:#a0a7b0;font-size:9px}.nav-item:hover{color:var(--primary);background:#f7f8fa}.nav-item.active{color:var(--primary);border-left-color:var(--primary);background:#fff0f2;font-weight:700}.nav-item.disabled{opacity:.5;cursor:not-allowed}.side-footer{border-top:1px solid var(--border);color:#5e6876;align-items:center;gap:7px;margin-top:auto;padding:15px 10px 0;font-size:11px;display:flex}.status-dot,.healthy-badge i,.status-badge i{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block}.main-content{width:calc(100% - 274px);max-width:1720px;margin:0 auto;padding:32px clamp(24px,3.2vw,52px) 72px}.page-heading{border-bottom:1px solid #f3cbd2;margin-bottom:24px;padding-bottom:22px}.eyebrow,.panel-kicker{color:#9ba3ae;letter-spacing:1.35px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-1.5px;margin:8px 0 0;font-size:clamp(28px,3vw,38px);font-weight:600}.page-heading p{color:var(--muted);margin:8px 0 0;font-size:13px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px;display:grid}.kpi-card,.panel{border:1px solid var(--border);background:#fff;border-radius:12px;box-shadow:0 8px 24px #1f2b3a09}.kpi-card{padding:18px}.kpi-top{color:#7b8593;justify-content:space-between;align-items:center;font-size:12px;display:flex}.kpi-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.kpi-card.red .kpi-icon{color:var(--primary);background:#fff0f2}.kpi-card.blue .kpi-icon{color:var(--blue);background:#eef1ff}.kpi-card.purple .kpi-icon{color:var(--purple);background:#f6effc}.kpi-card.green .kpi-icon{color:var(--green);background:#e8f8f2}.kpi-card>strong{letter-spacing:-1px;margin-top:14px;font-size:28px;display:block}.kpi-bottom{color:#9ca5b0;margin-top:10px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:16px;display:grid}.panel{overflow:hidden}.panel-head{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:flex-start;gap:16px;padding:21px 22px 17px;display:flex}.panel h2{margin:6px 0 0;font-size:16px}.panel-body{color:#687382;padding:22px;font-size:13px;line-height:1.6}.milestones{gap:10px;margin-top:18px;display:grid}.milestones>div{border:1px solid #edf0f3;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.milestones>div>strong{width:28px;height:28px;color:var(--primary);background:#fff0f2;border-radius:8px;place-items:center;display:grid}.milestones span{display:grid}.milestones small{color:#9ca5b0}.healthy-badge,.status-badge{color:var(--green);align-items:center;gap:6px;font-size:10px;display:inline-flex}.health-list{padding:5px 22px}.health-list>div{color:#687382;border-bottom:1px solid #f0f2f5;justify-content:space-between;padding:12px 0;font-size:12px;display:flex}.health-list>div:last-child{border-bottom:0}.health-list b{color:var(--green)}.health-list em{color:#a0a7b0;font-style:normal}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef1f4;padding:14px 18px;font-size:12px}th{color:#8b94a1;text-transform:uppercase;letter-spacing:.7px;background:#fbfcfd;font-size:10px}td strong{color:#283444;font-size:12px;display:block}td small{color:#9ba3ae;margin-top:3px;display:block}.status-badge.warning{color:#b7791f}.status-badge.warning i{background:#d69e2e}@media (max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar-search{display:none}}@media (max-width:760px){.topbar{padding:0 16px}.topbar-actions{display:none}.mobile-menu{display:block}.sidebar{z-index:25;transition:all .2s;position:fixed;top:72px;left:-290px}.sidebar.is-open{left:0;box-shadow:12px 0 32px #0000001f}.main-content{width:100%;padding:24px 16px 50px}.kpi-grid{grid-template-columns:1fr}.brand{min-width:0}}
.logout-control{gap:3px;display:grid}.logout-button{border-radius:6px;padding:8px 10px;font-size:12px;border:1px solid #62656b!important}.logout-button:focus-visible,.auth-submit:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f8bdc7}.logout-control span{color:#ffc1ca;max-width:150px;font-size:10px}.auth-page,.auth-status{background:linear-gradient(135deg,#f7f8fa 0%,#fff0f2 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--card);border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:14px;width:min(100%,440px);padding:clamp(28px,5vw,44px);box-shadow:0 18px 48px #1f2b3a1c}.auth-brand{align-items:center;gap:10px;margin-bottom:30px;display:flex}.auth-brand span{color:#fff;background:var(--primary);border-radius:9px 3px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid;transform:rotate(-9deg)}.auth-brand p{letter-spacing:-.8px;margin:0;font-size:17px;font-weight:750}.auth-brand small{color:var(--muted);letter-spacing:.3px;font-size:9px;font-weight:600;display:block}.auth-kicker{color:#a22c3c;margin:0;font-size:12px;font-weight:750}.auth-card h1{letter-spacing:-1.4px;margin:8px 0 0;font-size:clamp(28px,6vw,36px)}.auth-intro{color:var(--muted);margin:10px 0 26px;font-size:14px;line-height:1.55}.auth-form{gap:18px;display:grid}.auth-field{gap:7px;display:grid}.auth-field label{font-size:13px;font-weight:700}.auth-field input{width:100%;min-height:44px;color:var(--foreground);background:#fff;border:1px solid #bdc5d0;border-radius:7px;padding:10px 12px}.auth-field input:disabled,.auth-submit:disabled{cursor:not-allowed;opacity:.65}.auth-error{color:#9f1830;background:#fff0f2;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.auth-submit{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:44px;font-weight:750}.auth-submit:hover:not(:disabled){background:#c81733}.auth-status{color:var(--muted);text-align:center}.auth-status h1{color:var(--foreground)}.skip-link{z-index:100;color:#18202b;background:#fff;border-radius:7px;padding:10px 12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{outline-offset:2px;outline:3px solid #f8bdc7;transform:translateY(0)}@media (max-width:760px){.topbar-actions{margin-left:auto;display:flex}.topbar-actions>button:first-child,.topbar-actions .avatar{display:none}.logout-button{min-height:40px;padding:7px 9px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}