*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#172033;font:14px/1.5 Inter,system-ui,Arial}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#111b2d;color:#dce5f2;padding:24px 15px;overflow:auto}.brand{display:block;color:white;font-size:21px;font-weight:850;text-decoration:none;padding:0 10px 26px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#9aabc4}.sidebar nav a{display:block;color:#c4d0e0;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#263852;color:white}.sidebar hr{border:0;border-top:1px solid #33425a;margin:18px 5px}.main{margin-left:238px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar span,.muted{color:#78869a}.content{padding:28px;max-width:1500px;margin:auto}h1{font-size:25px;margin:0 0 5px}h2{font-size:17px;margin:0 0 16px}.sub{color:#78869a;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.card{background:white;border:1px solid #e4e9f0;border-radius:13px;padding:19px;margin-bottom:16px}.stat{font-size:28px;font-weight:800;margin-top:5px}.tablewrap{overflow:auto;background:#fff;border:1px solid #e4e9f0;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf0f4}th{font-size:11px;text-transform:uppercase;color:#78869a;background:#fafbfd}tr:last-child td{border:0}.badge{display:inline-block;border-radius:30px;padding:4px 9px;font-size:11px;font-weight:750;background:#eaf1ff;color:#2458ad}.badge.ok{background:#e6f7ee;color:#13834c}.badge.bad{background:#ffebeb;color:#bd3030}.badge.warn{background:#fff3d6;color:#966600}.btn{border:0;border-radius:8px;background:#2563eb;color:white;padding:10px 14px;text-decoration:none;display:inline-block;font-weight:650;cursor:pointer}.btn.secondary{background:#edf1f7;color:#344054}.btn.danger{background:#c93636}.btn.ok{background:#168653}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d8e0ea;border-radius:8px;font:inherit;background:white}textarea{min-height:85px}label{display:block;font-weight:650;margin:12px 0 6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.flash{padding:12px;border-radius:8px;background:#eaf1ff;margin-bottom:14px}.flash.err{background:#ffeded;color:#a52a2a}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f4}.detailgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.docrow{padding:12px;border:1px solid #e4e9f0;border-radius:9px;margin:8px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.token{font-family:monospace;overflow-wrap:anywhere;background:#f1f4f8;padding:12px;border-radius:8px}@media(max-width:900px){.sidebar{width:195px}.main{margin-left:195px}.grid{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:12px}.brand{padding:4px 8px 12px}.sidebar nav{display:flex;overflow:auto;gap:3px}.sidebar nav a{white-space:nowrap;padding:8px}.main{margin:0}.topbar{padding:0 15px}.content{padding:16px 12px}.grid{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr}}