:root{--navy:#061d35;--navy2:#0b2d4f;--blue:#1177d6;--cyan:#18c4d8;--bg:#eef4f8;--panel:#fff;--text:#13283d;--muted:#5d7184;--line:#d7e2ea;--danger:#b42318;--success:#087443;--warning:#9a5b00}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{min-height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 28px;gap:24px;position:sticky;top:0;z-index:20;box-shadow:0 5px 22px #061d3522}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.2rem;white-space:nowrap}.brand strong{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#1285e4,#09bfd0);font-weight:800;color:#fff}.brand-mark.large{width:62px;height:62px;font-size:1.25rem}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav>a,.nav-more>button{color:#d8e8f6;text-decoration:none;padding:10px 9px;border-radius:7px;font-size:.89rem;background:none;border:0}.main-nav>a:hover,.nav-more>button:hover{background:#fff1;color:#fff}.nav-more{position:relative}.nav-menu{position:absolute;display:none;right:0;top:42px;background:#fff;min-width:230px;padding:8px;border-radius:10px;box-shadow:0 12px 35px #001b3560}.nav-more:hover .nav-menu,.nav-more:focus-within .nav-menu{display:grid}.nav-menu a{color:var(--text);text-decoration:none;padding:9px 11px;border-radius:6px}.nav-menu a:hover{background:var(--bg)}.logout{border:1px solid #7aa2c5;color:#fff;background:none;padding:7px 10px;border-radius:7px}.nav-toggle{display:none}.page-shell{width:min(1480px,94vw);margin:28px auto 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin:0 0 22px}.page-heading h1{font-size:2.2rem;margin:3px 0 6px;letter-spacing:-.03em}.page-heading p{margin:0;color:var(--muted);max-width:820px}.eyebrow{font-size:.75rem!important;letter-spacing:.16em;font-weight:800;color:#087f9c!important}.panel,.form-card,.metric-card,.health-card,.report-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #12334d0c}.panel{padding:20px;margin:0 0 18px}.filter-panel{display:flex;justify-content:space-between;align-items:end;gap:20px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters label{font-size:.78rem;color:var(--muted);display:grid;gap:4px}.filters input,select,input,textarea{border:1px solid #bdcdd9;border-radius:8px;padding:10px 11px;background:#fff;color:var(--text);min-width:0}.filters input{width:170px}.export-actions{display:flex;gap:8px;margin-left:auto}.table-summary{font-size:.82rem;color:var(--muted);margin-bottom:10px}.admin-table{min-width:1000px}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.045em;color:#53687b;border-bottom:1px solid var(--line);white-space:nowrap}.table td{vertical-align:middle;border-color:#e8eff4}.empty{text-align:center;color:var(--muted);padding:40px!important}.actions{display:flex;gap:6px;flex-wrap:wrap;min-width:145px}.actions form{display:inline-flex;gap:5px}.pagination-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:20px;display:grid;gap:5px}.metric-card span{color:var(--muted);font-size:.84rem}.metric-card strong{font-size:2rem;line-height:1}.metric-card small{color:#748797}.privacy-banner{display:flex;gap:20px;align-items:center;background:#e6f8fa;border:1px solid #99dde5;border-radius:12px;padding:16px 18px;margin:20px 0}.privacy-banner strong{color:#006b78;white-space:nowrap}.health-pill{padding:7px 12px;border-radius:20px;font-size:.82rem}.health-pill.healthy{background:#dff7ea;color:var(--success)}.health-pill.unhealthy{background:#fee4e2;color:var(--danger)}.form-card{max-width:720px;margin:20px auto;padding:28px}.form-card.wide{max-width:960px}.form-card form,.auth-form form{display:grid;gap:8px}.form-card label,.auth-form label{font-weight:600;margin-top:6px}.form-actions{display:flex;gap:10px;margin-top:15px}.field-validation-error,.text-danger{color:var(--danger);font-size:.82rem}.health-grid,.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.health-card,.report-card{padding:20px}.health-card>div{display:flex;align-items:center;gap:8px}.health-card h2{margin:15px 0 5px}.health-card p,.health-card small{color:var(--muted)}.health-dot{width:10px;height:10px;border-radius:50%;background:#8999a6}.health-dot.healthy{background:#11a866}.health-dot.degraded{background:#e69a00}.health-dot.unavailable{background:#e54b42}.report-card{display:flex;justify-content:space-between;align-items:center}.report-card h2{font-size:1rem;margin:0}.severity{font-weight:700}.severity.high{color:var(--danger)}.severity.warning{color:var(--warning)}.preview-box{background:#fff8dd;border:1px solid #eed27d;padding:16px;border-radius:10px;margin-top:10px}.auth-body{background:radial-gradient(circle at 80% 10%,#d6f4f8,transparent 35%),var(--bg);min-height:100vh;display:grid;place-items:center}.auth-shell{width:min(1050px,94vw)}.auth-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #061d3530}.auth-card.single{grid-template-columns:1fr;max-width:580px;margin:auto}.auth-brand{background:linear-gradient(150deg,var(--navy),var(--navy2));color:#fff;padding:48px;min-height:570px;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:2.6rem;margin:15px 0}.auth-brand p,.auth-brand li{color:#cce1f2}.auth-form{padding:48px;align-self:center}.auth-form h2{font-size:2rem}.auth-form input{width:100%;margin-bottom:6px}.auth-form .btn{margin-top:13px}.subtle-link{display:inline-block;margin-top:18px}footer{background:var(--navy);color:#b9d1e4;padding:18px 30px;font-size:.8rem;margin-top:auto}code{color:#9d174d}.alert{border-radius:10px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.main-nav>a{display:none}.nav-toggle{display:block;margin-left:auto;background:none;border:1px solid #7695b0;color:#fff;border-radius:6px;padding:7px 10px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:12px 25px;flex-wrap:wrap}.main-nav.open{display:flex}.main-nav.open>a{display:block}.nav-more .nav-menu{position:fixed;top:115px;right:25px}}
@media(max-width:760px){html{font-size:14px}.topbar{padding:0 14px}.page-shell{width:94vw;margin-top:18px}.page-heading{display:grid}.page-heading h1{font-size:1.8rem}.metric-grid,.health-grid,.report-grid{grid-template-columns:1fr 1fr}.filter-panel{display:grid}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input{width:100%}.auth-card{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:28px}.auth-brand h1{font-size:2rem}.auth-brand ul{display:none}.auth-form{padding:28px}.privacy-banner{align-items:flex-start;display:grid}.form-card{padding:20px}.report-card{display:grid;gap:15px}}
@media(max-width:480px){.metric-grid,.health-grid,.report-grid,.filters{grid-template-columns:1fr}.actions{min-width:110px}}