:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;color-scheme:light;--ink:#12233b;--sub:#687a90;--line:#e4eaf1;--blue:#2563eb;--surface:#fff;--bg:#f4f7fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;min-height:100vh}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}input,select{width:100%;padding:12px;border:1px solid #cfd8e4;border-radius:10px;background:#fff}label{display:block;font-weight:600;font-size:.9rem;margin:12px 0 6px}button,.btn{padding:11px 20px;background:var(--blue);color:white;border:0;border-radius:10px;cursor:pointer;display:inline-block;font-weight:650}.text-button{background:transparent;color:#fff;padding:6px 8px}.top{background:#12233b;color:white}.top-inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:24px;padding:17px 22px;flex-wrap:wrap}.brand{color:#fff;font-size:21px;letter-spacing:.8px;font-weight:900}.brand span{margin-inline-start:7px;font-size:10px;letter-spacing:2px;color:#87b4ff}.nav{display:flex;flex-wrap:wrap;gap:16px}.nav a{color:#dce6f5;font-size:.9rem}.logout{margin-inline-start:auto}.container{max-width:1200px;margin:34px auto;padding:0 22px}.pagehead{margin-bottom:24px}.pagehead h1{font-size:27px;margin:0 0 7px}.pagehead p,.hint{color:var(--sub)}.card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #1d3a6010;border-radius:16px;padding:24px;margin-bottom:20px}.auth-card{max-width:450px;margin:70px auto}.auth-card h1{margin:0}.auth-card button{width:100%;margin-top:20px}.alert{padding:14px;border-radius:10px;background:#fff1f1;color:#a22c2c;border:1px solid #f3cbcb;margin:15px 0}.ok{color:#136f47}.pill{padding:5px 9px;border-radius:20px;background:#e9f4eb;color:#216244;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.metric{font-size:31px;font-weight:800;margin:8px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right}th,td{border-bottom:1px solid var(--line);padding:14px 12px;font-size:.88rem;vertical-align:top;overflow-wrap:anywhere}th{background:#f8fafc;color:#5e7087;font-weight:650}tr:last-child td{border:0}.empty{text-align:center;color:var(--sub);padding:36px}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.filters label{margin:0}.filters .field{min-width:240px;flex:1}.filters button{height:45px}.footer{max-width:1200px;margin:50px auto 20px;padding:0 22px;color:#8c9baa;font-size:.8rem}.pagination{display:flex;gap:12px;align-items:center;padding:14px}.muted{color:var(--sub)}.section-title{margin:0 0 15px;font-size:18px}@media(max-width:700px){.top-inner{gap:14px}.nav{width:100%}.container{margin-top:20px}.card{padding:16px}th,td{font-size:.8rem}.pagehead h1{font-size:23px}}

.metric-role{font-size:1.2rem}