:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#697386;--line:#dfe4ec;--accent:#163d73;--ok:#166534;--warn:#92400e;--bad:#991b1b}*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);display:flex;min-height:100vh}aside{width:230px;background:#10233f;color:#fff;padding:18px 12px;position:fixed;inset:0 auto 0 0}.brand{padding:8px 10px 20px}.brand small{display:block;color:#a9bdd8;margin-top:3px}.nav{display:block;color:#dce8f7;text-decoration:none;padding:9px 10px;border-radius:7px;margin:2px 0}.nav:hover{background:#1b3760;color:#fff}main{margin-left:230px;width:calc(100% - 230px)}header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:3}header h1{margin:0;font-size:20px}.muted{color:var(--muted);font-size:12px}.content{padding:22px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;box-shadow:0 1px 2px #00000008}.metric b{font-size:24px;display:block;margin-top:6px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.btn,button{display:inline-block;border:0;border-radius:7px;background:var(--accent);color:#fff;padding:9px 13px;text-decoration:none;cursor:pointer}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--bad)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f0f4f9;font-size:12px;color:#4b5563}tr:last-child td{border-bottom:0}input,select,textarea{width:100%;padding:8px 9px;border:1px solid #cfd6df;border-radius:6px;background:#fff;color:#111827}label{font-size:12px;font-weight:600;color:#4b5563;display:block;margin-bottom:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.flash{padding:11px 13px;background:#ecfdf5;border:1px solid #86efac;color:#166534;border-radius:7px;margin-bottom:14px}.warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:10px;border-radius:7px}.bad{color:var(--bad)}.ok{color:var(--ok)}.right{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.pill{display:inline-block;padding:2px 7px;border-radius:999px;background:#eaf0f8;font-size:11px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs a{padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;text-decoration:none;color:var(--ink)}.user a{color:var(--accent)}@media(max-width:900px){aside{width:70px;padding:12px 6px}.brand b,.brand small{display:none}.nav{font-size:0}.nav:before{content:'•';font-size:20px}main{margin-left:70px;width:calc(100% - 70px)}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:12px}header{padding:10px 12px}.grid{grid-template-columns:1fr}table{font-size:12px}th,td{padding:7px}.user{font-size:11px}}