:root{--navy:#092746;--blue:#146aa3;--cyan:#27a9d8;--ink:#172333;--muted:#627184;--line:#d9e2ea;--bg:#f4f7fa;--white:#fff;--green:#177245;--amber:#9a5a00;--red:#aa2e2e;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:16px;line-height:1.5}a{color:var(--blue)}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;background:#fff;padding:.7rem;z-index:10}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(180deg,var(--navy),#0b365c);color:white;padding:1.5rem;display:flex;flex-direction:column}.brand{display:flex;gap:.75rem;align-items:center;font-weight:750;line-height:1.15}.brand small{font-size:.75rem;font-weight:500;opacity:.78}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#5bd1c4);color:var(--navy);font-size:1.5rem}.sidebar nav{display:grid;gap:.35rem;margin-top:2.5rem}.sidebar nav a,.sign-out{color:#dcebf7;text-decoration:none;border:0;background:transparent;padding:.8rem .9rem;border-radius:9px;text-align:left;width:100%;cursor:pointer}.sidebar nav a:hover,.sidebar nav a:focus-visible,.sidebar nav a.active,.sign-out:hover{background:#ffffff18;color:white}.sidebar form{margin-top:auto}.workspace{min-width:0}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 2rem}.topbar div{display:flex;flex-direction:column}.topbar span{font-size:.82rem;color:var(--muted)}.menu-button{display:none;border:0;background:transparent;font-size:1.5rem;margin-right:1rem}main{padding:2rem;max-width:1440px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem}.page-heading h1{font-size:2rem;margin:.1rem 0}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;color:var(--blue)!important}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0927460b}.metric{padding:1.3rem;border-top:4px solid var(--blue)}.metric.warning{border-top-color:var(--amber)}.metric.danger{border-top-color:var(--red)}.metric span{display:block;color:var(--muted)}.metric strong{display:block;font-size:2rem;margin-top:.45rem}.panel{margin-top:1.25rem;padding:1.3rem;overflow-x:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:.1rem 0 1rem;font-size:1.25rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem;border-top:1px solid var(--line)}th{font-size:.85rem;color:var(--muted)}td small{display:block;color:var(--muted)}.status{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#e8f5ef;color:var(--green);font-size:.85rem}.empty{text-align:center;padding:3rem}.empty p{color:var(--muted)}.primary,.secondary{border-radius:9px;padding:.72rem 1rem;border:1px solid var(--blue);font-weight:700}.primary{background:var(--blue);color:white}.primary:disabled{background:#91a5b5;border-color:#91a5b5;cursor:not-allowed}.secondary{background:white;color:var(--blue)}.button-link{text-decoration:none;display:inline-block}.form-panel{max-width:920px}.form-panel fieldset{border:0;padding:0;margin:0 0 1.5rem}.form-panel legend{font-size:1.15rem;font-weight:750;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-panel label,.auth-card label{display:block;font-weight:650;margin:.5rem 0}.form-panel input,.form-panel select,.form-panel textarea,.auth-card input{width:100%;padding:.75rem;border:1px solid #9aabba;border-radius:8px;background:white}.form-panel small,.security-note{display:block;color:var(--muted);font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 10%,#d7f3fb,transparent 32%),linear-gradient(135deg,#eef5f8,#f8fafc)}.auth-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:20px;padding:2rem;box-shadow:0 24px 70px #09274624}.auth-brand{margin-bottom:2rem}.auth-card h1{margin:.2rem 0}.auth-card form{display:grid;gap:.45rem;margin-top:1.4rem}.auth-card .primary{margin-top:1rem}.error{background:#fff0f0;color:#842222;padding:.75rem;border-left:4px solid var(--red);margin-top:.5rem}.otp{font-size:1.6rem;letter-spacing:.45em;text-align:center}.security-note{margin-top:1.2rem}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:260px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:1rem}.topbar{padding:0 1rem}.page-heading{align-items:stretch;flex-direction:column}.metric-grid,.form-grid{grid-template-columns:1fr}.auth-card{padding:1.4rem}}