:root{--bg:#f4f7ef;--bg-ink:#0f1720;--sidebar:#11203a;--sidebar-soft:#1f3459;--card:#fff;--teal:#0f766e;--amber:#b45309;--rose:#9f1239;--blue:#1d4ed8;--line:#d9e2ec}*{box-sizing:border-box}body{color:var(--bg-ink);background:radial-gradient(circle at 20% 10%, #d1fae5 0%, transparent 38%), radial-gradient(circle at 90% 0%, #fee2e2 0%, transparent 30%), var(--bg);margin:0;font-family:Space Grotesk,sans-serif}h1,h2,h3,h4{margin:0 0 .7rem}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(160deg, var(--sidebar), var(--sidebar-soft));color:#dbeafe;border-right:1px solid #273f68;padding:1.4rem}.sidebar h1{font-size:1.7rem}.tagline{color:#93c5fd;margin:.2rem 0 1.2rem;font-size:.92rem}.nav-link{color:#dbeafe;border-radius:10px;margin-bottom:.4rem;padding:.6rem .8rem;text-decoration:none;transition:transform .2s,background-color .2s;display:block}.nav-link:hover{background:#93c5fd21;transform:translate(4px)}.nav-link.active{background:#93c5fd47}.content-area{padding:1.2rem 1.4rem 2rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.role-chip{color:#334155;margin:0;font-family:IBM Plex Mono,monospace;font-size:.77rem}.page-grid{gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem;animation:.35s rise-in;box-shadow:0 12px 24px #0f17200f}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.stat-card{color:#fff;border-radius:14px;gap:.35rem;padding:.8rem;display:grid}.stat-card strong{font-size:1.7rem}.stat-card.teal{background:linear-gradient(140deg,#0f766e,#14b8a6)}.stat-card.amber{background:linear-gradient(140deg,#b45309,#f59e0b)}.stat-card.rose{background:linear-gradient(140deg,#9f1239,#fb7185)}.stat-card.blue{background:linear-gradient(140deg,#1d4ed8,#60a5fa)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.58rem;font-size:.93rem}.row-active{background:#eff6ff}.primary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:12px;padding:.62rem 1rem;font-family:inherit}.primary-btn{color:#fff;background:#0f766e}.ghost-btn{color:#0f172a;background:#e2e8f0}.primary-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.form-grid{gap:.7rem;display:grid}input,textarea,select{border:1px solid #cbd5e1;border-radius:10px;padding:.56rem .72rem;font-family:inherit}.btn-row{flex-wrap:wrap;gap:.6rem;margin:.7rem 0;display:flex}.notice{font-size:.9rem}.notice-info{color:#1d4ed8}.notice-success{color:#0f766e;font-weight:600}.notice-warning{color:#b45309;font-weight:600}.error-text{color:#be123c;font-weight:500}.plain-list{margin:0;padding-left:1rem}.login-wrap{background:linear-gradient(130deg,#0f172a,#1e3a8a 45%,#14532d);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#f8fafc;border-radius:18px;gap:.6rem;width:min(560px,100%);padding:1.5rem;display:grid}.eyebrow{color:#1e3a8a;margin:0;font-family:IBM Plex Mono,monospace;font-size:.78rem}.modal-backdrop{z-index:1200;background:#0f172a80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:min(480px,100%);padding:1rem;box-shadow:0 20px 30px #0f172a38}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #273f68;border-right:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}