:root{--bg:#f4f7fb;--panel:#fff;--ink:#172033;--muted:#68758d;--line:#e2e8f0;--brand:#176b87;--brand2:#0f4f65;--ok:#147d64;--warn:#a15c08;--bad:#b42318;--side:#102a38}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{background:var(--side);color:#d9e7ed;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:18px;font-weight:800;padding:0 10px 22px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#20a77f;border-radius:10px}.nav a{display:block;color:#c8dce4;padding:10px 12px;margin:3px 0;border-radius:8px;font-weight:600}.nav a:hover,.nav a.active{background:#1b4558;color:#fff;text-decoration:none}.sidebar-footer{position:absolute;bottom:20px;left:16px;right:16px}.sidebar-footer button{width:100%;background:#173a4a;border:1px solid #2d596b;color:#fff}.main{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.content{padding:28px;max-width:1600px;margin:auto}.page-title{font-size:25px;margin:0}.subtitle{color:var(--muted);margin:4px 0 0}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(19,41,61,.04)}.metric{padding:18px}.metric .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.metric .value{font-size:29px;font-weight:800;margin-top:5px}.panel{padding:20px;margin-bottom:18px}.panel-title{font-size:16px;margin:0 0 16px}.split{grid-template-columns:1fr 1fr}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.field label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:5px}.input,select{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:var(--ink);padding:7px 10px}.input:focus,select:focus{outline:2px solid #b7dce9;border-color:var(--brand)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button,button{border:0;border-radius:7px;padding:9px 14px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff}.button:hover{text-decoration:none;background:var(--brand2)}.button.secondary,button.secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.button.danger,button.danger{background:var(--bad)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{background:#f8fafc;color:#526078;font-size:11px;text-transform:uppercase;letter-spacing:.045em}tr:last-child td{border-bottom:0}.wrap{white-space:normal;min-width:220px}.mono{font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8eef4;color:#42536b;font-size:11px;font-weight:800}.badge.ok{background:#dcf7ed;color:#0b6a53}.badge.warn{background:#fff0d5;color:#8b5200}.badge.bad{background:#fee4e2;color:#9f1d16}.badge.info{background:#dff2fa;color:#155d77}.empty{text-align:center;color:var(--muted);padding:36px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail{background:#fff;padding:14px}.detail dt{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:700}.detail dd{margin:4px 0 0;overflow-wrap:anywhere}.flash{padding:12px 15px;border-radius:8px;margin-bottom:18px;background:#dcf7ed;color:#0b6a53;border:1px solid #a8e5d1}.error-list{padding:10px 14px;background:#fee4e2;color:#9f1d16;border-radius:8px;margin-bottom:15px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:var(--muted)}.pages{display:flex;gap:5px}.pages a,.pages span{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff}.pages .current{background:var(--brand);color:#fff}.json{white-space:pre-wrap;word-break:break-word;background:#0d2230;color:#d4e8ef;padding:16px;border-radius:9px;max-height:480px;overflow:auto}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0c2938,#176b87)}.login-card{width:min(430px,calc(100% - 32px));background:#fff;padding:34px;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.login-card h1{margin:0 0 6px}.login-card .field{margin-top:16px}.login-card button{width:100%;margin-top:20px;height:42px}.checkbox{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted)}.checkbox input{width:auto}.status-bars{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center}.bar{height:9px;background:#edf2f6;border-radius:10px;overflow:hidden}.bar span{display:block;height:100%;background:var(--brand)}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto}.sidebar-footer{position:static;margin-top:15px}.topbar{position:static;padding:0 16px}.content{padding:18px}.metrics,.split,.filter-grid,.detail-grid{grid-template-columns:1fr}.header-row{display:block}.header-row .actions{margin-top:12px}}