:root{--bg:#0c1118;--panel:#121a24;--panel2:#17222e;--border:#243141;--text:#e4edf5;--muted:#8495a8;--green:#59d6b3;--blue:#6ca9f3;--red:#f18286;--yellow:#e7be71;--sidebar:245px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{background:#1b2836;border:1px solid #304256;color:var(--text);padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:550;transition:background .15s}button:hover{background:#283a4d}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);border-color:var(--green);color:#09251e}.primary:hover{background:#83e9cb}.danger-button{color:var(--red);border-color:#69414a;background:#2b1c27}.text-button{border:0;background:transparent;color:var(--muted);padding:8px}input,textarea,select{background:#0e1620;border:1px solid #334456;border-radius:7px;color:var(--text);padding:10px 12px}textarea{width:100%;resize:vertical;font-family:Consolas,monospace;line-height:1.6}input{min-width:0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#a8b8c8}a{color:var(--green)}[hidden]{display:none!important}.muted{color:var(--muted)}.accent{color:var(--green)}aside{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#101822;border-right:1px solid var(--border);padding:28px 17px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:21px;font-weight:650;letter-spacing:-.7px;margin:1px 12px 40px}.brand b{font-size:11px;color:var(--green);border:1px solid #355b50;border-radius:4px;padding:2px 4px;vertical-align:middle;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:5px;font-weight:400}.brand-symbol{width:38px;height:40px;background:#1a3e37;border:1px solid #367762;border-radius:12px;color:#8bf0d0;font-size:27px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.brand-symbol span{font-size:22px;position:absolute;right:3px;bottom:-3px;color:#69e0bc}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#6e8399;padding:0 14px;margin-bottom:13px}nav{display:flex;flex-direction:column;gap:5px;margin-bottom:35px}nav button{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;color:#91a3b7;font-size:13px;padding:12px 15px;font-weight:500}nav button span{width:19px;font-size:19px;color:#859eb6}nav button.active{background:#1c3734;color:#83e3c4}nav button.active span{color:var(--green)}.router-item{width:100%;text-align:left;display:flex;align-items:center;gap:10px;background:none;border:1px solid transparent;font-size:12px;margin-bottom:5px}.router-item.selected{border-color:#344355;background:#172431}.router-item small{display:block;color:#71869e;font-size:10px;margin-top:5px}.live-dot,.status-dot{display:inline-block;border-radius:50%;background:var(--green);height:7px;width:7px;flex-shrink:0;box-shadow:0 0 9px #59d6b330}.status-dot.off{background:var(--red)}.sidebar-bottom{margin-top:auto;color:#99afbf;font-size:10px;padding:24px 12px 0;line-height:1.8}.sidebar-bottom .live-dot{margin-right:5px}.sidebar-bottom small{display:block;color:#5e758a;font-size:10px}.workspace{margin-left:var(--sidebar)}header{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;color:#7e91a5}.breadcrumb span{padding:0 12px;color:#51687f}.breadcrumb b{font-weight:400;color:#c3d0dd}.header-right{display:flex;align-items:center;gap:14px}.avatar{width:28px;height:28px;border-radius:9px;background:#263b4b;color:#bad3e7;display:flex;align-items:center;justify-content:center;font-weight:bold}main{padding:35px 40px 0;max-width:1720px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;color:#75a393}h1{font-size:29px;font-weight:600;letter-spacing:-.7px;margin:9px 0 10px}p{color:var(--muted);line-height:1.6;font-size:12px;margin:0}h2{font-size:14px;font-weight:550;letter-spacing:-.1px;margin:0 0 7px}.heading-actions{display:flex;align-items:center;gap:10px;font-size:10px}.heading-actions button{font-size:11px}.status-strip{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(100deg,#16262b,#121a24);margin-bottom:20px}.status-strip>div{display:flex;align-items:center;gap:11px}.status-strip b{font-size:13px}.status-strip .muted{font-size:11px}.tag{font-size:9px;letter-spacing:.6px;border:1px solid #2a414c;background:#172b32;border-radius:5px;color:#99c8c2;padding:6px 9px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--border);padding:21px;border-radius:10px;position:relative}.metric-label{color:#92a8bd;font-size:11px;display:flex;justify-content:space-between;margin-bottom:13px}.metric-label>span{color:#558b83;font-size:18px}.metric-value{font-size:29px;letter-spacing:-.8px;font-weight:550}.metric-value small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400;margin-left:6px}.metric-foot{font-size:10px;color:#7f96ab;margin-top:12px}.meter{height:4px;background:#263340;border-radius:4px;margin-top:14px;overflow:hidden}.meter i{height:100%;display:block;background:var(--green);border-radius:4px}.split-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.panel{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:22px;margin-bottom:20px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:21px}.panel-heading p{font-size:10px}.panel-heading select{font-size:10px;padding:7px}.chart-legend{display:flex;gap:22px;font-size:10px;color:#8fa5b8;margin:3px 0 17px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:7px}.green{background:var(--green)}.blue{background:var(--blue)}canvas{width:100%;display:block;height:245px}.check-row,.data-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #202d3b;gap:15px}.check-row:last-of-type,.data-row:last-child{border-bottom:0}.check-row strong,.data-row strong{font-size:12px;font-weight:500}.check-row small,.data-row small{display:block;color:#71879c;font-size:10px;margin-top:5px}.pill{font-size:10px;padding:5px 8px;border-radius:5px;background:#1d3c32;color:#78ddba;white-space:nowrap}.pill.warn{color:var(--yellow);background:#3b3324}.pill.bad{color:var(--red);background:#3b252f}.pill.unknown{color:#91a7bb;background:#253443}.note{border-top:1px solid #24313e;margin-top:15px;padding-top:16px;font-size:10px;color:#71879b;line-height:1.8}.memory-row{margin:13px 0}.memory-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#9eb0c1}.memory-row .meter{margin-top:8px;height:5px}.event-row{display:flex;gap:13px;border-bottom:1px solid #1f2b38;padding:12px 0;font-size:11px;align-items:start}.event-row time{color:#6f859b;min-width:120px;font-size:10px;line-height:1.7}.event-row .event-message{flex:1;line-height:1.7}.event-row small{color:#6c859c}.event-row:last-child{border:0}.event-marker{height:6px;width:6px;border-radius:50%;background:#698baf;margin-top:6px;flex-shrink:0}.event-marker.warning{background:var(--yellow)}.event-marker.critical{background:var(--red)}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:500;color:#718ba2;font-size:9px;letter-spacing:.5px;padding:12px 10px;border-bottom:1px solid #324150}td{padding:15px 10px;border-bottom:1px solid #22303e;vertical-align:middle}td small{display:block;color:#658097;font-size:10px;margin-top:4px}.table-scroll{overflow-x:auto}pre{white-space:pre-wrap;word-break:break-word;font-family:Consolas,monospace;font-size:11px;line-height:1.7;color:#a6c4d7;max-height:600px;overflow:auto}#terminal-container{height:450px;background:#0a1018;padding:12px;border-radius:8px}#terminal-container .xterm{height:100%}.inline-form,.button-row{display:flex;gap:10px;align-items:center;margin:17px 0}.inline-form input{flex:1}.button-row{flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}.notice{font-size:12px;line-height:1.7;background:#202d38;border:1px solid #354b5c;border-radius:8px;padding:15px;margin:10px 0 20px;color:#acc7d7}.notice.danger{border-color:#6d4249;background:#332129;color:#edabb0}.alert-row{background:#332822;border:1px solid #67503a;padding:12px 17px;border-radius:8px;color:#ebc28e;font-size:12px;margin-bottom:14px}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#1b3c3c77,transparent 60%)}.login-card{width:min(410px,calc(100% - 36px));background:#131d27;border:1px solid #2b414e;padding:40px;border-radius:17px;box-shadow:0 30px 90px #0004}.login-card .brand-symbol{margin-bottom:27px}.login-card h1{font-size:40px}.login-card p{margin-bottom:26px}.login-card label{margin:17px 0;font-size:11px}.login-card button{width:100%;margin:10px 0 23px;display:flex;justify-content:space-between;padding:13px}.login-card small{font-size:10px;color:#698496}.login-card #login-error{color:var(--red);font-size:12px;margin-bottom:15px}footer{border-top:1px solid var(--border);padding:25px 0 30px;display:flex;justify-content:space-between;color:#5e798f;font-size:9px;margin-top:15px}#toast{position:fixed;right:25px;bottom:25px;max-width:450px;padding:17px 24px;background:#24483d;border:1px solid #589a82;box-shadow:0 8px 40px #0008;border-radius:9px;color:#c7f2df;font-size:13px;z-index:20}@media(min-width:1600px){:root{font-size:15px}main{padding-top:45px}.metric{padding:25px}}@media(max-width:1200px){:root{--sidebar:210px}main{padding:25px 23px 0}header{padding:0 23px}.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.page-heading{align-items:start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.status-strip .muted{display:none}}@media(max-width:720px){:root{--sidebar:0px}aside{position:static;width:auto;height:auto;padding:13px 16px;border-bottom:1px solid var(--border);border-right:0}.brand{margin:0 0 15px;font-size:18px}.brand-symbol{width:30px;height:32px;font-size:22px}aside nav{flex-direction:row;overflow:auto;margin:0;gap:5px}aside nav button{white-space:nowrap;font-size:11px;padding:9px}aside .nav-caption,aside #router-list,aside .sidebar-bottom{display:none}nav button span{font-size:14px;width:15px}.workspace{margin-left:0}header{height:50px;padding:0 16px}.breadcrumb{display:none}.header-right{width:100%;justify-content:flex-end}main{padding:22px 15px 0}.page-heading{display:block}h1{font-size:25px}.heading-actions{justify-content:start;margin-top:18px}.metric-grid{gap:10px}.metric{padding:17px}.metric-value{font-size:25px}.metric-foot{font-size:9px}.panel{padding:17px}.settings-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.status-strip{padding:13px}.event-row time{min-width:85px;font-size:9px}footer{line-height:1.8;gap:20px}.panel-heading{flex-wrap:wrap}}

@media(max-width:720px){aside #router-list{display:flex;gap:6px;margin-top:12px;overflow-x:auto}aside .router-item{display:flex;min-width:155px;flex:1;padding:8px;font-size:10px}aside .router-item small{display:none}}