:root{--bg:#ececee;--bg-card:#ffffff;--bg-inset:#f4f4f6;--bg-hover:#e4e5e8;--text:#17181a;--text-dim:#6b7078;--border:#d2d4d8;--border-strong:#b8bbc0;--accent:#1c1d1f;--accent-text:#ffffff;--ok:#1a7f37;--warn:#955f00;--bad:#c62828;--radius:2px;--mono:ui-monospace,"Cascadia Code",Consolas,"SF Mono",monospace}[data-theme=dark]{--bg:#131416;--bg-card:#1a1b1e;--bg-inset:#212226;--bg-hover:#292b30;--text:#e6e7e9;--text-dim:#85898f;--border:#2b2d31;--border-strong:#3d4046;--accent:#e6e7e9;--accent-text:#131416;--ok:#3fb950;--warn:#d29922;--bad:#f0554d}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.shell{max-width:1240px;margin:0 auto;padding:0 20px 80px}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;margin-bottom:16px;border-bottom:1px solid var(--border-strong)}.topbar h1{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0;flex:1 1;white-space:nowrap}.topbar h1:before{content:"▮▯ ";color:var(--text-dim)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:10px;gap:10px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.card h3{margin:0;font-size:13.5px;font-weight:650;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.card .sub{color:var(--text-dim);font-size:12px;margin-top:3px}.dot{width:8px;height:8px;display:inline-block;flex:none;border-radius:0}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.off{background:transparent;border:1px solid var(--text-dim)}.badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:0;background:var(--bg-inset);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.ok,.badge.warn{background:transparent}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad);background:transparent}button{font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);padding:6px 12px;transition:background .1s,border-color .1s}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-dim)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){opacity:.88;background:var(--accent)}button.danger{color:var(--bad);border-color:var(--bad);background:transparent}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--bad) 10%,transparent)}button.small{padding:4px 9px;font-size:10.5px}.btnrow{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;align-items:center}.pipe-sep{width:1px;height:18px;background:var(--border-strong);margin:0 5px;flex:none}input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--text);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:6px 9px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--text-dim);background:var(--bg-card)}label{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:3px}label>input,label>select,label>textarea{margin-top:4px;text-transform:none;letter-spacing:normal;font-weight:400}.field{margin-bottom:10px}.formgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}@media (max-width:640px){.formgrid{grid-template-columns:1fr}}.checkline{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);text-transform:none;letter-spacing:normal}.checkline input{width:auto;accent-color:var(--text)}.checkline label{text-transform:none;letter-spacing:normal;font-weight:400;font-size:12.5px;color:var(--text)}.overlay{position:fixed;inset:0;background:rgba(8,9,10,.62);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;z-index:50;overflow-y:auto}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;max-width:720px;padding:18px 20px}.modal h2{margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--border)}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.mono{font-size:12px}.mono,pre.logbox{font-family:var(--mono)}pre.logbox{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;max-height:55vh;overflow:auto;white-space:pre-wrap;word-break:break-all;font-size:11.5px;margin:0;color:var(--text)}.kv{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:var(--text-dim)}.kv,.kv b{font-size:12px}.kv b{font-weight:600;font-family:var(--mono)}.kv b,a{color:var(--text)}a{text-decoration:underline;-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}hr.sep{border:none;border-top:1px solid var(--border);margin:12px 0}.muted{color:var(--text-dim);font-size:12.5px}.section-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:26px 0 10px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1 1;border-top:1px solid var(--border)}.section-title .badge{letter-spacing:.05em}.section-title>span[data-actions]{display:flex;gap:5px;order:2}.section-title:after{order:1}.toastwrap{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:100}.toast{background:var(--bg-card);color:var(--text);border:1px solid var(--border-strong);border-left:3px solid var(--text-dim);border-radius:0;padding:9px 13px;max-width:400px;font-size:12.5px;font-family:var(--mono);animation:slidein .14s ease-out}.toast.ok{border-left-color:var(--ok)}.toast.bad{border-left-color:var(--bad)}@keyframes slidein{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:340px}.login-card h1{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;text-align:left}.login-card h1:before{content:"▮▯ ";color:var(--text-dim)}.envrow{grid-template-columns:1fr 1.4fr auto;grid-gap:6px}.envrow,.routerow{display:grid;gap:6px;margin-bottom:6px;align-items:center}.routerow{grid-template-columns:.8fr 1.4fr .9fr .5fr auto auto;grid-gap:6px}@media (max-width:720px){.envrow,.routerow{grid-template-columns:1fr 1fr}}.layout{display:flex;min-height:100vh}.sidebar{width:214px;flex:none;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--bg-card);border-right:1px solid var(--border-strong);padding:16px 10px 12px;overflow-y:auto}.brand{font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:0 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px;white-space:nowrap}.brand:before{content:"▮▯ ";color:var(--text-dim)}.navgroup{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;margin:14px 8px 4px}.navgroup,.navitem{color:var(--text-dim)}.navitem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;border-radius:0;padding:7px 10px}.navitem:hover:not(:disabled){background:var(--bg-inset);color:var(--text);border-color:transparent}.navitem.active{color:var(--text);background:var(--bg-inset);border-left:2px solid var(--text)}.navitem .badge{margin-left:auto}.sidebar .foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap}.main{flex:1 1;min-width:0;padding:24px 30px 80px;max-width:1180px}.pagehead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 4px}.pagehead h2{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0;flex:1 1}.pagedesc{color:var(--text-dim);font-size:12.5px;margin:0 0 18px}.rowlist{display:flex;flex-direction:column;gap:10px}.approw{gap:18px;flex-wrap:wrap;padding:13px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.approw,.approw .id{display:flex;align-items:center}.approw .id{gap:10px;min-width:220px;flex:1.3 1}.approw .id .nm{font-weight:650;font-size:13.5px}.approw .id .idtext{display:flex;flex-direction:column;gap:1px}.approw .id .sub,.approw .metrics{font-size:11.5px;color:var(--text-dim)}.approw .metrics{display:flex;gap:16px;flex-wrap:wrap;align-items:center;flex:2 1;min-width:230px}.approw .metrics b{color:var(--text);font-family:var(--mono);font-weight:600;font-size:12px}.approw .act{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.grouppanel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);margin-bottom:14px}.grouphead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--bg-inset);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.grouphead .gact{margin-left:auto;display:flex;gap:5px}.grouppanel .approw{border:none;border-top:1px solid var(--border);border-radius:0}.grouppanel .approw:first-of-type{border-top:none}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;margin:16px 0}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer}.stat:hover{border-color:var(--text-dim)}.stat .v{font-family:var(--mono);font-size:22px;font-weight:600;display:flex;align-items:center;gap:9px}.stat .l{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}table.ports{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border)}table.ports th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:left;padding:9px 12px;border-bottom:1px solid var(--border-strong)}table.ports td{padding:8px 12px;border-top:1px solid var(--border);font-size:12.5px}table.ports td.mono{font-family:var(--mono);font-size:12px}tr.conflict td{background:color-mix(in srgb,var(--bad) 9%,transparent)}.modal{max-width:780px;padding:22px 26px}.modal-wide{max-width:900px}.modal .section-title{margin:22px 0 12px}.formsection:first-of-type .section-title{margin-top:4px}.formsection+.formsection{border-top:1px solid var(--border)}.modal .formgrid{gap:0 16px}.modal .field{margin-bottom:13px}@media (max-width:880px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 10px;border-right:none;border-bottom:1px solid var(--border-strong)}.brand{border:none;padding:0 10px 0 0;margin:0}.navgroup{display:none}.navitem{width:auto;white-space:nowrap;border-left:none;border-bottom:2px solid transparent}.navitem.active{border-left:none;border-bottom:2px solid var(--text);background:none}.sidebar .foot{margin:0 0 0 auto;border:none;padding:0;flex-wrap:nowrap}.main{padding:16px 14px 60px}.approw .act{margin-left:0;justify-content:flex-start}}