:root{--ink:#101b1a;--panel:#162624;--panel2:#1d322f;--paper:#edf2ed;--line:#334842;--muted:#9ab0a8;--lime:#c7ef4c;--green:#48d7a1;--orange:#ffb158;--red:#ff7777;--white:#f6faf6;--shadow:0 22px 56px rgba(7,16,13,.3)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}#app[hidden],#login-screen[hidden]{display:none!important}.eyebrow{margin:0 0 8px;color:var(--muted);font:700 11px/1 ui-monospace,"Cascadia Mono",monospace;letter-spacing:.12em}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#345648 0,transparent 28%),linear-gradient(135deg,#0c1513,#1a302b)}.login-card{width:min(100%,430px);padding:34px;background:#fff;border-top:5px solid var(--lime);box-shadow:var(--shadow)}.login-card .eyebrow{color:#5a7068}.login-card h1{margin:0;font-size:34px;letter-spacing:-.05em}.login-card>p:not(.eyebrow){color:#65766f;margin:10px 0 26px}.login-form{display:grid;gap:14px}.login-form label,.field{display:grid;gap:7px;font-size:12px;font-weight:700;color:#40544d}input,textarea,select{width:100%;border:1px solid #b8c9bf;border-radius:3px;background:#fff;color:#15231e;-webkit-text-fill-color:#15231e;caret-color:#15231e;opacity:1;outline:0}input{height:42px;padding:9px 10px}textarea{min-height:190px;padding:10px;resize:vertical;font:12px/1.55 ui-monospace,"Cascadia Mono",monospace}select{height:42px;padding:9px}input:focus,textarea:focus,select:focus{border-color:#6c9720;box-shadow:0 0 0 3px rgba(199,239,76,.3)}.primary,.secondary{border:0;border-radius:3px;padding:11px 15px;min-height:42px;font-weight:750}.primary{background:var(--lime);color:#18220d}.primary:hover{background:#d7fa69}.secondary{background:#e0e7e1;color:#43574f}.form-error{min-height:18px;margin:0;color:#c54545;font-size:12px}.app{min-height:100vh;display:grid;grid-template-columns:226px 1fr}.sidebar{background:var(--ink);color:#dce7df;display:flex;flex-direction:column;padding:28px 16px 20px}.brand{display:flex;align-items:center;gap:10px;font:700 12px/1.05 ui-monospace,"Cascadia Mono",monospace;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--lime);color:#19220f;font-size:21px}.sidebar nav{display:grid;gap:5px;margin-top:74px}.nav{border:0;background:transparent;color:#91a59e;padding:11px 12px;text-align:left;font-weight:700}.nav:hover,.nav.active{background:var(--panel2);color:#fff}.nav.active{border-left:3px solid var(--lime);padding-left:9px}.side-footer{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:7px;margin-top:auto;color:#90a49c;font-size:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(72,215,161,.12)}.link-button{grid-column:2;justify-self:start;border:0;background:transparent;color:#90a49c;padding:0;margin-top:14px}.main{min-width:0}.topbar{min-height:157px;padding:34px clamp(22px,5vw,74px);display:flex;align-items:end;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #d9e1da}.topbar h1{margin:0;font-size:37px;letter-spacing:-.055em}.top-actions{display:flex;align-items:center;gap:17px}.top-actions span{color:#829188;font:11px ui-monospace,"Cascadia Mono",monospace}.view{padding:30px clamp(22px,5vw,74px) 56px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cbd7ce;background:#fff}.metric{display:grid;gap:8px;min-height:145px;padding:20px;border-right:1px solid #d9e1da}.metric:last-child{border:0}.metric span{color:#72837a;font:700 11px ui-monospace,"Cascadia Mono",monospace;letter-spacing:.07em}.metric strong{font-size:39px;line-height:1;letter-spacing:-.06em}.metric small{color:#74847b}.metric.good{background:#e1fbdf}.metric.accent{background:var(--lime)}.two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:24px}.panel{background:#fff;border:1px solid #cbd7ce}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:18px;border-bottom:1px solid #dbe3dd}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:4px 0 0;color:#74847b;font-size:12px}.text-action{border:0;background:transparent;color:#466353;padding:4px;font-size:12px;font-weight:700}.text-action:hover{text-decoration:underline;color:#192b22}.compact-list{display:grid}.compact-list>div{display:grid;grid-template-columns:1.1fr auto 1fr;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #ebf0eb}.compact-list>div:last-child{border:0}.compact-list code,.address,code{font:12px ui-monospace,"Cascadia Mono",monospace}.compact-list span{color:#708078;font-size:12px}.event-list{list-style:none;margin:0;padding:0;max-height:316px;overflow:auto}.event-list li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:12px 17px;border-bottom:1px solid #edf1ed;font-size:12px}.event-list time{color:#8a9890;font:10px ui-monospace,"Cascadia Mono",monospace}.empty-line{display:block!important;color:#7d8b83;padding:30px 17px!important}.status{display:inline-flex;align-items:center;gap:5px;color:#61746a;font-size:12px;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#a0ada5}.status.online{color:#247356}.status.online:before{background:var(--green)}.status.degraded{color:#9b651c}.status.degraded:before{background:var(--orange)}.status.degraded:before{background:var(--orange)}.status.offline{color:#a54141}.status.offline:before{background:var(--red)}.role{font-size:12px}.role.backup{color:#936c1e}.section-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-note p{margin:0;color:#65776d;font-size:13px}.section-note div{display:flex;gap:9px;white-space:nowrap}.table-panel{overflow:auto}table{width:100%;min-width:840px;border-collapse:collapse}th{padding:13px 16px;text-align:left;color:#6f8177;font:700 11px ui-monospace,"Cascadia Mono",monospace;letter-spacing:.06em}td{padding:14px 16px;border-top:1px solid #edf1ed}td b,td small{display:block}td small{margin-top:3px;color:#84938b;font-size:11px}.address{border:0;background:transparent;color:#315b45;padding:0}.address:hover{text-decoration:underline}.empty-cell{text-align:center;color:#74847b;padding:40px}.modal{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);border:0;border-radius:4px;padding:0;background:#fff;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(9,18,14,.68)}.modal form{padding:23px;overflow:auto;max-height:calc(100vh - 28px)}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-header h2{margin:0;font-size:25px;letter-spacing:-.04em}.icon-button{border:0;background:transparent;color:#66776e;font-size:28px;line-height:1;padding:0}.modal-content{display:grid;gap:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.switch{display:flex;align-items:center;gap:8px;color:#40544d;font-size:12px;font-weight:700}.switch input{width:17px;height:17px}.readonly{padding:10px;background:#eef3ed;color:#4c5f55;font-size:12px}.readonly code{display:block;margin-top:4px;color:#1d3126;overflow-wrap:anywhere}.hint{margin:0;color:#74847b;font-size:12px}.danger{justify-self:start;border:0;background:transparent;color:#b04b4b;padding:0;font-size:12px}.danger:hover{text-decoration:underline}.payload-box{display:grid;gap:9px;padding-top:4px;border-top:1px solid #e4ebe5}.payload-box>div:first-child{display:flex;justify-content:space-between;align-items:center}.payload-list{display:grid;border:1px solid #dce5dd}.payload-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 10px;border-bottom:1px solid #e9efea;font-size:12px}.payload-list>div:last-child{border:0}.payload-list p{margin:0;padding:12px;color:#74847b;font-size:12px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.toast{position:fixed;right:24px;bottom:24px;transform:translateY(120px);transition:transform .18s ease;background:var(--panel);color:#fff;padding:12px 15px;box-shadow:var(--shadow)}.toast.show{transform:translateY(0)}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{min-height:auto;flex-direction:row;align-items:center;gap:12px;padding:13px}.sidebar nav{display:flex;overflow:auto;margin:0;flex:1}.nav{white-space:nowrap;padding:9px}.side-footer{display:none}.topbar{min-height:auto;align-items:start;flex-direction:column;padding:27px 20px}.topbar h1{font-size:30px}.top-actions{width:100%;justify-content:space-between}.view{padding:20px 15px 42px}.metrics,.two-column{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #d9e1da}.metric:last-child{border:0}.two-column{gap:16px}.section-note{align-items:start;flex-direction:column}.section-note div{width:100%;justify-content:end}.grid-2{grid-template-columns:1fr}.event-list li{grid-template-columns:auto 1fr auto}.event-list time{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}