:root{
 --navy-1000:#050b16;--navy-975:#07101e;--navy-950:#081726;--navy-925:#0a1627;--navy-900:#0b1f36;--navy-850:#10233d;--navy-800:#10294a;--navy-750:#142d4e;--navy-700:#163459;
 --surface:#0b1220;--surface-2:#111827;--surface-3:#151e2f;--surface-4:#1b2639;--surface-hover:#202d43;
 --ink:#e7edf7;--ink-2:#bac6d8;--ink-3:#7f90aa;--ink-4:#5d6d85;--line:#27334a;--line-2:#34425c;
 --blue:#2890ff;--blue-h:#55a8ff;--blue-bg:#16345b;--cyan:#16c8e8;--green:#24d18b;--green-bg:#113b31;--amber:#ffc43d;--amber-bg:#493814;--red:#ff4d72;--red-bg:#4b1d2a;--purple:#9a78ff;--purple-bg:#302551;
 --r:9px;--r-sm:6px;--shadow:0 12px 34px rgba(0,0,0,.24);--shadow-soft:0 4px 16px rgba(0,0,0,.18);
 --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ui:'IBM Plex Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--disp:'Archivo',var(--ui);
 --sidebar-w:246px;--sidebar-rail:64px;--topbar-h:66px;--statusbar-h:28px
}
*{box-sizing:border-box}html,body{margin:0;height:100%;font:13px/1.45 var(--ui);color:var(--ink);background:var(--navy-1000)}body{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:#70b7ff;text-decoration:none}a:hover{color:#a5d2ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4da2ff;outline-offset:2px}.app{display:flex;height:100vh;overflow:hidden;background:var(--surface)}

/* Sidebar */
.sb{width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;min-height:0;color:#9eafc8;background:linear-gradient(180deg,#06111f 0%,#07111f 55%,#06101d 100%);border-right:1px solid #15243a;transition:width .16s ease,transform .16s ease;position:relative;z-index:40}.sb-brand{height:66px;flex:none;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.06)}.sb-logo,.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#10d7d2 8%,#50a4ff 58%,#8f69ff 100%);display:grid;place-items:center;color:white;font:800 15px var(--disp);box-shadow:0 0 22px rgba(32,191,255,.18)}.sb-name{white-space:nowrap;color:#eaf1fb;font:500 14px var(--disp);letter-spacing:-.01em}.sb-name strong{font-weight:760;color:#fff}.sb-nav{flex:1;min-height:0;overflow:auto;padding:12px 10px 18px;scrollbar-width:thin;scrollbar-color:#263650 transparent}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-thumb{background:#263650;border-radius:8px}.nav-group{margin:1px 0 6px}.nav-group-toggle{width:100%;height:36px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#aebed5;cursor:pointer;font-weight:720;font-size:11px;letter-spacing:.045em;text-align:left;transition:background .12s,color .12s}.nav-group-toggle:hover{background:#10223b;color:#eaf2ff}.nav-group.is-open>.nav-group-toggle{background:#0d2039;color:#dce8f8}.nav-icon,.nav-item-icon{width:18px;min-width:18px;text-align:center;display:inline-grid;place-items:center;font-family:var(--mono);font-size:12px;color:#b9c9dd}.nav-group-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{margin-left:auto;font-size:18px;line-height:1;color:#6f839f;transform:rotate(0deg);transition:transform .14s ease}.nav-group.is-open>.nav-group-toggle .nav-chevron{transform:rotate(90deg)}.nav-children{display:none;padding:4px 0 2px 8px}.nav-group.is-open>.nav-children{display:grid;gap:2px}.nav-item{min-height:34px;display:flex;align-items:center;gap:9px;position:relative;border-radius:8px;padding:6px 9px;color:#9fb0c9;font-size:12px;transition:background .12s,color .12s}.nav-item:hover{background:#0f2139;color:#f4f8ff}.nav-item.on{background:linear-gradient(90deg,#12325b,#102a4b);color:#eaf4ff;box-shadow:inset 0 0 0 1px rgba(74,149,255,.08)}.nav-item.on::before{content:'';position:absolute;left:-4px;top:7px;bottom:7px;width:3px;border-radius:3px;background:#4da2ff;box-shadow:0 0 12px rgba(77,162,255,.55)}.nav-item.on .nav-item-icon{color:#83bfff}.nav-item-label{white-space:normal;line-height:1.25}.sb-foot{flex:none;padding:10px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:8px;background:#07111f}.sb-version{border:1px solid #243550;background:#0d192a;border-radius:9px;padding:9px 10px;min-width:0}.sb-version strong{display:block;color:#8fc1ff;font:650 11px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-version small{display:block;margin-top:2px;color:#6e819d;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-collapse{height:38px;border:1px solid #2a3950;background:#111a2a;border-radius:9px;color:#d6deea;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.nav-collapse:hover{background:#172337;border-color:#3a4b66}.nav-collapse-icon{font-size:18px;line-height:1}

/* Main shell */
.shell{min-width:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at 86% -12%,rgba(90,49,172,.14),transparent 31%),linear-gradient(180deg,#0b1220 0%,#0c1322 100%)}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(10,17,31,.96);border-bottom:1px solid #253149;position:relative;z-index:30}.icon-btn{width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;display:grid;place-items:center;color:#d6e0ee;font-size:20px;cursor:pointer}.icon-btn:hover{background:#172236;border-color:#263650}.ctx{display:flex;flex-direction:column;min-width:190px;max-width:280px}.ctx b{font:700 15px var(--disp);letter-spacing:-.01em;color:#edf3fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx small{font-size:10.5px;color:#7e8da4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search{margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:8px;width:min(520px,42vw);height:38px;padding:0 10px;background:#15182d;border:1px solid #303653;border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.global-search-icon{color:#7184a1;font-size:17px}.global-search input{flex:1;min-width:0;background:transparent;border:0;color:#dce6f5;outline:0;padding:0}.global-search input::placeholder{color:#73829a}.global-search kbd{border:1px solid #3a405c;border-radius:5px;background:#1c2138;color:#8491a8;font:10px var(--mono);padding:2px 5px}.tb-right{margin-left:auto;display:flex;align-items:center;gap:9px;min-width:max-content}.runtime-state{display:flex;align-items:center;gap:6px;color:#9caac0;font-size:11px}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px currentColor}.health-dot.ok{background:var(--green)}.health-dot.err{background:var(--red)}.user-chip{display:flex;align-items:center;gap:8px;padding-left:8px}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #d8ae32;background:linear-gradient(135deg,#0d7d8b,#1d579f);color:#fff;font:700 11px var(--disp)}.user-copy{display:flex;flex-direction:column;max-width:150px}.user-copy b{font-size:11.5px;color:#edf3fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:9.5px;color:#8998ad}.logout-form{margin:0}.logout-btn{font-size:16px}.screen{flex:1;min-height:0;overflow:auto;padding:22px 24px 26px;background:transparent;scrollbar-width:thin;scrollbar-color:#34425c transparent}.statusbar{height:var(--statusbar-h);flex:none;border-top:1px solid #253149;background:#09111e;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#657895;font-size:10px}.mono{font-family:var(--mono)}.muted{color:var(--ink-3)!important}.loading{padding:40px;text-align:center;color:var(--ink-3)}

/* Page primitives */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.page-head h1{font:720 25px/1.2 var(--disp);letter-spacing:-.025em;color:#f0f5fc;margin:0}.page-head p{margin:4px 0 0;color:#8493aa;max-width:900px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.card{min-height:83px;background:linear-gradient(160deg,#1a2435 0%,#131b2a 100%);border:1px solid #2b374d;border-radius:12px;padding:14px 15px;box-shadow:var(--shadow-soft)}.card .k{color:#7587a2;font-size:10px;text-transform:uppercase;letter-spacing:.055em}.card .v{font:730 26px var(--disp);color:#f2f6fd;margin-top:4px;letter-spacing:-.025em}.card small{color:#788aa5}.panel{background:linear-gradient(180deg,#171f30,#131b2a);border:1px solid #2a354b;border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden}.panel+.panel{margin-top:12px}.panel-head{min-height:46px;padding:10px 14px;border-bottom:1px solid #2a354b;display:flex;align-items:center;gap:10px;background:rgba(20,28,43,.78)}.panel-head b{font:680 13px var(--disp);color:#e8eef8}.panel-head .spacer{flex:1}.panel-foot{min-height:42px;padding:8px 12px;border-top:1px solid #283449;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8190a7;font-size:11px;background:#111928}.table-wrap{overflow:auto;max-height:calc(100vh - 245px);scrollbar-width:thin;scrollbar-color:#34425c transparent}table{border-collapse:collapse;width:100%;font-size:11.5px}th{position:sticky;top:0;z-index:2;background:#101a2a;text-align:left;color:#8393aa;font-weight:670;border-bottom:1px solid #2c394f;padding:9px 10px;white-space:nowrap;text-transform:none}th a{color:#a7b6ca}th a:hover{color:#d6e6fa}td{border-bottom:1px solid #263247;padding:9px 10px;white-space:nowrap;color:#c6d0df;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tr:hover td{background:#182338}td strong{color:#e7edf7;font-weight:650}td>small,td strong+small{display:block;color:#72839c;font-size:9.5px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border-radius:999px;font-size:9.5px;font-weight:680;border:1px solid transparent}.b-green{background:var(--green-bg);color:#78e4b9;border-color:#1c5543}.b-red{background:var(--red-bg);color:#ff8da5;border-color:#673042}.b-amber{background:var(--amber-bg);color:#ffd774;border-color:#614b1c}.b-purple{background:var(--purple-bg);color:#bea9ff;border-color:#4c3e72}.b-blue{background:#142f52;color:#83bfff;border-color:#234b77}.b-gray{background:#242d3d;color:#a9b4c5;border-color:#354156}.btn{min-height:34px;border:1px solid #37445b;background:#182234;color:#d5deeb;border-radius:8px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-weight:600}.btn:hover{background:#202d42;border-color:#4a5a73;color:#fff}.btn.primary{background:#196acb;color:#fff;border-color:#2b79d5}.btn.primary:hover{background:#227ce8}.btn-small{min-height:28px;padding:4px 8px;font-size:10px;border-radius:6px}.ghost{border:1px solid #36445d;background:transparent;color:#aebbd0;border-radius:7px;padding:6px 9px}.ghost:hover{background:#1b2639;color:#fff}

/* Forms / toolbars */
.monitoring-toolbar{overflow:visible;margin-bottom:12px}.monitoring-toolbar .panel-head{display:block}.monitoring-filter-grid{width:100%;display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:end}.monitoring-filter-grid label,.form-grid label{display:grid;gap:5px;min-width:0;color:#8090a8;font-size:9.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.monitoring-filter-grid label span,.form-grid label span{white-space:nowrap}.monitoring-inline-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.panel input,.panel select,.panel textarea,.drawer input,.drawer select,.drawer textarea,.screen>form input,.screen>form select,.screen>form textarea{min-height:34px;border:1px solid #36445c;background:#111a29;color:#dbe4f1;border-radius:7px;padding:7px 9px;outline:0}.panel input::placeholder,.drawer input::placeholder{color:#6f8098}.panel input:focus,.panel select:focus,.panel textarea:focus,.drawer input:focus,.drawer select:focus,.drawer textarea:focus{border-color:#4a95ec;box-shadow:0 0 0 2px rgba(53,137,235,.14)}.panel select,.drawer select{color-scheme:dark}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.notice,.flash,.form-notice{border:1px solid #294767;background:#122841;color:#a9c8e9;border-radius:9px;padding:10px 12px;margin:0 0 12px}.form-error,.error{color:#ff819c}.success{color:#65dfa9}.warning{color:#ffd16a}

/* Drawers, wiki and generic details */
.drawer{position:fixed;right:-500px;top:0;width:min(500px,96vw);height:100vh;background:#111827;color:var(--ink);border-left:1px solid #2c394f;box-shadow:-16px 0 40px rgba(0,0,0,.35);transition:right .16s;z-index:100;overflow:auto}.drawer.open{right:0}.drawer-head{padding:16px;border-bottom:1px solid #2c394f;display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:16px}.wiki{max-width:980px;background:#151e2f;border:1px solid #2c394f;padding:22px;border-radius:12px;box-shadow:var(--shadow-soft)}.wiki pre{white-space:pre-wrap;font:13px/1.6 var(--ui);color:#cbd5e4}.wiki h1,.wiki h2,.wiki h3{color:#eff4fb}.top-search-results{position:absolute;left:260px;top:58px;width:min(560px,60vw);background:#151e2f;border:1px solid #34425c;box-shadow:var(--shadow);border-radius:9px;z-index:90;display:none}.top-search-results.open{display:block}.sr-item{padding:9px 11px;border-bottom:1px solid #283449;cursor:pointer}.sr-item:hover{background:#202c40}

/* Compact / rail state. Visual preference is intentionally not persisted in browser storage. */
body.nav-compact .sb{width:var(--sidebar-rail)}body.nav-compact .sb-brand{justify-content:center;padding:0}body.nav-compact .sb-name,body.nav-compact .nav-group-label,body.nav-compact .nav-chevron,body.nav-compact .nav-children,body.nav-compact .sb-version,body.nav-compact .nav-collapse-label{display:none!important}body.nav-compact .nav-group-toggle{justify-content:center;padding:0}body.nav-compact .nav-group-toggle .nav-icon{width:34px;height:34px}body.nav-compact .sb-nav{padding-left:8px;padding-right:8px}body.nav-compact .nav-collapse{padding:0}body.nav-compact .nav-collapse-icon{transform:rotate(180deg)}

/* Login keeps its dedicated, legible split treatment. */
.login-page{background:var(--navy-950);overflow:auto;color:#17222f}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{padding:10vh 8vw;color:#c8d5e5;background:linear-gradient(145deg,#081726,#10294a);display:flex;flex-direction:column;justify-content:center}.login-brand h1{font:700 38px var(--disp);color:#fff;margin:18px 0 8px}.login-brand h1 strong{color:#6fa8ee}.login-brand p{max-width:520px;font-size:17px;color:#9fb2ca}.login-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.login-points span{border:1px solid #ffffff20;border-radius:20px;padding:6px 10px}.login-card{background:#fff;padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center;color:#17222f}.login-card h2{font:700 28px var(--disp);margin:0}.login-card form{margin-top:20px;max-width:430px}.login-card label{display:block;margin:12px 0;color:#46566b;font-weight:600}.login-card input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #c9d3df;background:#fff;color:#17222f;border-radius:6px}.login-card .btn{width:100%;margin-top:8px}.login-card .form-error{color:#b03030;margin-top:12px}

@media(max-width:1200px){.global-search{width:min(390px,35vw)}.user-copy{display:none}.ctx{min-width:160px}.monitoring-filter-grid{grid-template-columns:minmax(190px,2fr) repeat(3,minmax(110px,1fr)) auto}}
@media(max-width:980px){.runtime-state{display:none}.global-search{width:min(320px,34vw)}.screen{padding:16px}.monitoring-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.monitoring-filter-grid .btn{align-self:end}}
@media(max-width:850px){
 .sb{width:var(--sidebar-rail)}.sb-brand{justify-content:center;padding:0}.sb-name,.nav-group-label,.nav-chevron,.nav-children,.sb-version,.nav-collapse-label{display:none!important}.nav-group-toggle{justify-content:center;padding:0}.nav-group-toggle .nav-icon{width:34px;height:34px}.sb-nav{padding-left:8px;padding-right:8px}.nav-collapse{padding:0}.shell{min-width:0}.topbar{padding:0 10px;gap:7px}.ctx{min-width:0;max-width:190px}.global-search{display:none}.screen{padding:12px}.page-head h1{font-size:21px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{max-height:calc(100vh - 210px)}
 body.nav-mobile-open .sb{position:fixed;left:0;top:0;bottom:0;width:min(286px,86vw);box-shadow:18px 0 38px rgba(0,0,0,.42)}body.nav-mobile-open .sb-brand{justify-content:flex-start;padding:0 15px}body.nav-mobile-open .sb-name,body.nav-mobile-open .nav-group-label,body.nav-mobile-open .nav-chevron,body.nav-mobile-open .sb-version,body.nav-mobile-open .nav-collapse-label{display:block!important}body.nav-mobile-open .nav-group.is-open>.nav-children{display:grid!important}body.nav-mobile-open .nav-group-toggle{justify-content:flex-start;padding:0 10px}body.nav-mobile-open .nav-chevron{margin-left:auto}body.nav-mobile-open .nav-collapse{padding:0 10px}
}
@media(max-width:620px){.ctx small{display:none}.topbar{height:56px}.cards{grid-template-columns:1fr 1fr;gap:8px}.card{min-height:72px;padding:11px}.card .v{font-size:22px}.monitoring-filter-grid{grid-template-columns:1fr}.panel-head{padding:9px}.page-head{align-items:flex-start;flex-direction:column}.statusbar .mono{max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:440px){.cards{grid-template-columns:1fr}.screen{padding:10px}.user-chip{display:none}.page-head h1{font-size:20px}.panel{border-radius:9px}}