*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f252e}.shell{max-width:1280px;margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}h1{margin:0;font-size:30px;letter-spacing:0}h2{font-size:17px;margin:0 0 14px}p{margin:8px 0 0;color:#5f6b7a;line-height:1.45}.topActions{display:flex;align-items:center;gap:10px}.userPill{background:#fff;border:1px solid #dce2ea;border-radius:999px;padding:8px 12px;color:#354052;font-size:13px}.secondaryBtn,.primaryBtn,button{font:inherit;border-radius:5px;border:1px solid #20242b;padding:10px 12px;min-height:40px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.secondaryBtn{background:#fff;color:#20242b}.primaryBtn,button{background:#20242b;color:#fff;cursor:pointer;font-weight:700}.primaryBtn[disabled],button[disabled]{opacity:.55;cursor:wait}.linkBtn{width:100%;margin-top:16px}.stateBand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.stateCard{background:#fff;border:1px solid #dfe4ec;border-left:5px solid #8b95a5;border-radius:6px;padding:16px;min-height:116px}.stateCard span{display:block;color:#647084;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.stateCard strong{display:block;font-size:22px;margin-top:8px}.stateCard.safe{border-left-color:#1f9d55}.stateCard.warn{border-left-color:#d99019}.stateCard.danger{border-left-color:#d64545}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid #dfe4ec;border-radius:6px;padding:16px}.metric strong{display:block;font-size:25px}.metric span{display:block;margin-top:4px;color:#647084}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);gap:16px}.panel{background:#fff;border:1px solid #dfe4ec;border-radius:6px;padding:18px}.operationList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.operationList form{border:1px solid #e5eaf1;border-radius:6px;padding:12px;display:grid;gap:10px;background:#fafbfc}.operationList form button{width:100%}label{display:block;font-size:12px;font-weight:700;color:#536173;margin-bottom:5px}input{width:100%;font:inherit;border-radius:5px;border:1px solid #cdd5df;padding:10px 11px;min-height:40px;background:#fff}table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:14px}th,td{border-bottom:1px solid #edf0f4;padding:8px;text-align:left}td{text-align:right;color:#344053}pre{margin:0;background:#101318;color:#e6edf5;padding:16px;border-radius:6px;overflow:auto;min-height:140px}.outputPanel{margin-top:16px}.loginBody{background:#eef2f6}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loginBox{width:100%;max-width:390px;background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:24px;box-shadow:0 12px 34px rgba(22,34,51,.08)}.loginBox h1{font-size:26px}.loginBox label{margin-top:14px}.loginBox .primaryBtn{width:100%;margin-top:18px}.formError{min-height:20px;margin-top:12px;color:#9b1c1c;font-weight:700}
@media (max-width: 900px){.topbar,.topActions{align-items:stretch}.topbar{flex-direction:column}.stateBand,.layout,.operationList{grid-template-columns:1fr}.shell{padding:18px}}