:root{color:#1b1f23;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:1px solid #1e6957;border-radius:6px;background:#237c67;color:#fff;cursor:pointer;font:inherit;min-height:38px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.65}button.secondary{background:#fff;color:#237c67}button.ghost{background:transparent;border-color:#c9d3df;color:#475467}.shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:#14213d;color:#fff;overflow-y:auto;padding:24px 18px}.brand{font-size:24px;font-weight:800;margin-bottom:32px}nav{display:grid;gap:6px}nav .navItem{background:transparent;border:0;border-radius:6px;color:#dbe4f0;cursor:pointer;font:inherit;min-height:40px;padding:10px 12px;text-align:left}nav .navItem:hover{background:#ffffff14;color:#dbe4f0}nav .navItem.active{background:#273a63;color:#fff}.content{height:100vh;overflow-y:auto;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.topActions{align-items:center;display:flex;gap:12px}.topButton{align-items:center;display:inline-flex;gap:8px}.status{border:1px solid #c9d3df;border-radius:999px;color:#475467;font-size:13px;padding:7px 10px}.status.online{background:#e9f7ef;border-color:#adddc0;color:#17633f}.status.offline{background:#fff1f0;border-color:#ffccc7;color:#a8071a}h1,h2,p{margin:0}h1{font-size:28px}.topbar p{color:#667085;margin-top:4px}.notice,.error{border-radius:6px;margin-bottom:16px;padding:12px 14px}.notice{background:#e9f7ef;border:1px solid #adddc0;color:#17633f}.error{background:#fff1f0;border:1px solid #ffccc7;color:#a8071a}.hint{color:#667085;font-size:13px}.comboRow{align-items:flex-start;display:flex;gap:8px}.combo{position:relative;width:100%}.combo select{width:100%}.comboMenu{background:#fff;border:1px solid #c9d3df;border-radius:6px;box-shadow:0 12px 28px #0f172a1f;left:0;max-height:220px;overflow:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.comboItem,.comboEmpty{border:0;display:block;font:inherit;padding:10px 12px;text-align:left;width:100%}.comboItem{background:#fff;color:#1b1f23;cursor:pointer}.comboItem:hover{background:#edf6f3}.comboEmpty{color:#667085}.plusButton{flex:0 0 auto}.metricGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.metric,.panel{background:#fff;border:1px solid #dde3ea;border-radius:8px}.metric{display:grid;gap:8px;min-height:122px;padding:18px}.metric svg{color:#237c67}.metric span{color:#667085;font-size:14px}.metric strong{font-size:26px}.workArea{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{display:flex;flex-wrap:wrap;gap:12px;padding:18px}.panel h2{flex-basis:100%;font-size:18px}.toolbar{background:#fff;border:1px solid #dde3ea;border-radius:8px;display:flex;gap:12px;margin-bottom:18px;padding:12px 18px}.toolbar button{align-items:center;display:inline-flex;gap:8px}.tableSection{background:#fff;border:1px solid #dde3ea;border-radius:8px;margin-top:18px;overflow:hidden}.sectionHeader{align-items:center;border-bottom:1px solid #dde3ea;display:flex;justify-content:space-between;padding:16px 18px;gap:12px}.sectionHeader h2{font-size:18px}.emptyState{color:#667085;padding:18px}.searchWrap{align-items:center;background:#fff;border:1px solid #c9d3df;border-radius:6px;display:flex;gap:8px;min-width:min(100%,420px);padding:0 12px}.searchWrap input{border:0;min-height:38px;outline:0;padding:0;width:100%}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #edf1f5;padding:12px 18px;text-align:left}th{color:#667085;font-size:13px;font-weight:700}.pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 9px}.pill.ok{background:#e9f7ef;color:#17633f}.pill.low{background:#fff4de;color:#8a4b00}.rowActions{display:flex;gap:8px}.actionButton{align-items:center;background:#fff;border-color:#c9d3df;color:#475467;display:inline-flex;justify-content:center;min-height:34px;padding:0;width:34px}.modalBackdrop{align-items:center;background:#0f172a75;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed}.modal{background:#fff;border-radius:8px;box-shadow:0 18px 48px #0f172a38;display:grid;gap:14px;max-width:560px;padding:20px;width:100%}.modal.large{max-width:720px}.modal.small{max-width:420px}.modal.xlarge{max-width:1100px}.modal.xlarge .tableSection{max-height:60vh;overflow:auto}.modalBackdrop.nested{background:#0f172a8f;z-index:30}.settingsCard{background:#fff;display:grid;gap:14px;max-width:420px;padding:18px}.settingsActions{display:flex;justify-content:flex-end}.settingsActions button{min-width:180px}.modalHeader,.modalFooter{align-items:center;display:flex;justify-content:space-between}.modalHeader p{color:#667085;margin-top:4px}.iconButton{align-items:center;aspect-ratio:1;background:#fff;border-color:#c9d3df;color:#475467;display:inline-flex;justify-content:center;min-height:36px;padding:0;width:36px}label{color:#344054;display:grid;font-size:14px;font-weight:700;gap:6px}input,select{border:1px solid #c9d3df;border-radius:6px;color:#1b1f23;font:inherit;min-height:40px;padding:8px 10px}.formGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox{align-items:center;display:flex;font-weight:600}.checkboxInline{align-items:flex-start}.checkbox input{min-height:auto}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.topActions{align-items:stretch;flex-direction:column;width:100%}.metricGrid,.workArea{grid-template-columns:1fr}.sectionHeader{align-items:stretch;flex-direction:column}.searchWrap{min-width:0;width:100%}.formGrid,.modalFooter{align-items:stretch;grid-template-columns:1fr}.comboRow{flex-direction:column}.modalFooter{flex-direction:column;gap:12px}}