:root{--navy:#0e3a6b;--navy2:#0a2c54;--bg:#eef2f7;--card:#fff;--line:#dbe4ef;--ink:#1a2332;--muted:#5b6b82}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.layout{display:flex;min-height:100vh}.side{width:230px;background:var(--navy2);color:#dbe6f3;padding:18px 14px;position:sticky;top:0;height:100vh}.side h2{color:#fff;font-size:16px;margin:6px 0 14px}.side a{display:block;color:#dbe6f3;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:600}.side a.active,.side a:hover{background:rgba(255,255,255,.12);color:#fff}.side a.active{background:rgba(255,255,255,.16)}
.main{flex:1;padding:22px;max-width:1100px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.side{display:none}}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.stat b{font-size:24px;color:var(--navy)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
input,select,textarea{padding:8px;border:1px solid var(--line);border-radius:8px;margin:4px 6px 4px 0;font-family:inherit}button{padding:8px 14px;border-radius:8px;border:0;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}button.ghost{background:#eaf1fa;color:var(--navy)}button.danger{background:#b4232a}.row{display:flex;flex-wrap:wrap;align-items:center}
.meta{color:var(--muted);font-size:13px}