:root{--bg:#f5f7fa;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e5e7eb;--brand:#0f4c81;--brand2:#173a5e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}header{height:64px;background:var(--brand2);color:#fff;display:flex;align-items:center;padding:0 22px;gap:28px}.brand{font-size:20px;font-weight:700}.brand small{font-size:11px;font-weight:500;opacity:.7}nav{display:flex;gap:8px;flex:1}nav a{color:#dfeaf5;text-decoration:none;padding:10px 9px;border-radius:6px;font-size:14px}nav a:hover{background:#ffffff16}.user{font-size:13px}.inline{display:inline}.linkbtn{background:none;border:0;color:#fff;padding:0;cursor:pointer}main{padding:24px;max-width:1600px;margin:auto}.title{margin-bottom:18px}.title h1{margin:0 0 5px;font-size:25px}.title span{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.card,section,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:17px}.card label{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.card b{font-size:25px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}section{margin-bottom:18px}section h2{font-size:17px;margin:0 0 13px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f0f4f8;font-weight:650}tr:last-child td{border-bottom:0}.btn,button{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:6px;padding:9px 13px;text-decoration:none;cursor:pointer;font-size:14px}.btn.secondary,button.secondary{background:#6b7280}.formgrid p{display:grid;grid-template-columns:220px minmax(250px,600px);gap:12px;align-items:center;margin:10px 0}.formgrid input,.formgrid select,.formgrid textarea{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:6px}.actions{margin-top:18px;display:flex;gap:8px}.msg{background:#e8f4ea;border:1px solid #bddfc3;padding:10px;border-radius:7px;margin-bottom:12px}.login{display:grid;place-items:center;height:100vh;background:#e9eef4}.loginbox{width:380px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px #0002}.loginbox h1{margin:0}.loginbox p{color:var(--muted)}.loginbox input{width:100%;padding:10px;margin-top:5px}.loginbox button{width:100%;margin-top:10px}@media(max-width:1000px){header{height:auto;flex-wrap:wrap;padding:14px}nav{order:3;overflow:auto}.cards,.grid2{grid-template-columns:1fr 1fr}.formgrid p{grid-template-columns:1fr}}@media(max-width:650px){.cards,.grid2{grid-template-columns:1fr}.row{align-items:flex-start;flex-direction:column}main{padding:12px}table{display:block;overflow:auto}}
.filterbar{display:flex;gap:8px;align-items:center;margin:0 0 14px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px}.filterbar select,.filterbar input{padding:8px;border:1px solid #cbd5e1;border-radius:6px}.badge{display:inline-block;background:#e8eef5;color:#334155;border-radius:999px;padding:3px 8px;font-size:12px}.dangerlink{color:#b42318;text-decoration:none}.dangerbtn{background:#b42318}.warning{background:#fff4e5;border:1px solid #f5c27a;border-radius:7px;padding:10px}.linkbtn.dark{color:#334155}.msg.error{background:#fdecec;border-color:#f3b5b5}.checkboxlist ul{list-style:none}.formgrid ul{list-style:none;padding:0;margin:0}.formgrid input[type=checkbox]{width:auto}.formgrid select[multiple]{min-height:160px}.confirmbox{max-width:720px}@media(max-width:650px){.filterbar{align-items:stretch;flex-direction:column}}
.muted{color:var(--muted);font-size:13px}.compact p{grid-template-columns:190px minmax(220px,1fr)}.kpi-note{font-size:12px;color:var(--muted);margin-top:5px}header nav{white-space:nowrap}