:root{font-family:Inter,"Segoe UI",sans-serif;color:#e4eded;background:#091011;font-synthesis:none;--muted:#859a9d;--line:#253538;--panel:#111c1f;--teal:#6ee7cb;--danger:#ff9c95}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button{border-radius:8px;padding:11px 16px;font-weight:600;border:1px solid transparent;transition:background .15s}input,select{min-width:0;width:100%;background:#0b1517;border:1px solid #354649;color:#e4eded;border-radius:7px;padding:10px 11px}input:focus,select:focus{outline:2px solid #6ee7cb66;border-color:var(--teal)}input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal);flex-shrink:0}input[readonly]{color:#afc6c8}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#b2c4c6}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.1px;font-weight:600;line-height:1.18;margin-bottom:12px}h2{font-size:18px;letter-spacing:-.3px;margin:0}h3{font-size:15px;margin-bottom:14px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--teal);margin-bottom:12px}.primary{background:var(--teal);color:#09241e}.primary:hover{background:#99f2dc}.secondary{background:#19292d;color:#d3e3e4;border-color:#354649}.secondary:hover{background:#253a3e}.quiet{background:transparent;color:var(--muted);border-color:var(--line)}.quiet:hover{color:#fff}.danger{color:var(--danger)}.compact{font-size:12px;padding:8px 12px}.badge{display:inline-flex;align-items:center;border:1px solid #35524d;background:#17332e;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:1px;padding:7px 10px;border-radius:5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--teal);color:#0c2a23;font-size:14px;letter-spacing:-1px;font-weight:800;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;color:#e4eded;text-decoration:none;font-size:23px;letter-spacing:-.7px}.brand-sub{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:6px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 25% 20%,#173c363f,transparent 55%)}.login-card{max-width:430px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:38px}.login-card .brand-mark{margin-bottom:26px}.login-card h1{font-size:42px}.login-card label{margin:26px 0 16px}.login-card .primary{width:100%;display:flex;justify-content:space-between}.error{color:var(--danger);font-size:13px;margin-top:14px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;border-right:1px solid var(--line);padding:32px 22px;background:#0b1416;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.nav-label{color:#5c767a;font-size:9px;letter-spacing:1.7px;margin:47px 12px 16px}.nav-button{background:transparent;color:#91a6a9;width:100%;text-align:left;display:flex;justify-content:space-between;margin-bottom:7px;font-size:13px;padding:13px 14px}.nav-button span{font-size:10px;opacity:.6}.nav-button.active{color:var(--teal);background:#17312d;border-color:#24443d}.sidebar-bottom{margin-top:auto}.mode-note{border:1px solid #29413e;border-radius:9px;padding:15px;font-size:9px;letter-spacing:.9px;color:var(--teal)}.mode-note p{font-size:11px;letter-spacing:0;color:var(--muted);margin:10px 0 0}.dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:5px}.sidebar-bottom .quiet{margin-top:15px;width:100%;font-size:12px}main{margin-left:235px;min-width:0;flex:1}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#425c60}.breadcrumb strong{font-weight:500;color:#d1e0e2}.top-actions{display:flex;gap:20px;align-items:center}.connection{font-size:11px;color:var(--muted)}.connection.online{color:var(--teal)}.connection.offline{color:var(--danger)}.workspace{max-width:1550px;margin:0 auto;padding:38px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading .muted{font-size:13px;margin-bottom:0}.page-heading .eyebrow{margin-bottom:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.metric{border:1px solid var(--line);border-radius:10px;padding:22px;background:linear-gradient(145deg,#142326,#101b1e)}.metric-label{color:var(--muted);font-size:11px;margin:0 0 16px}.metric-value{font-size:30px;letter-spacing:-1px;margin-bottom:8px}.metric-note{font-size:10px;color:var(--muted);margin:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:23px}.panel{border:1px solid var(--line);border-radius:11px;padding:24px;background:var(--panel);margin-bottom:23px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading .eyebrow{margin-bottom:9px}.panel-heading select{max-width:330px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.inline-input{display:flex;gap:8px}.inline-input input{flex:1}.inline-input button{white-space:nowrap;font-size:11px}.notice{padding:13px 17px;border:1px solid #315b50;border-radius:8px;background:#15332b;font-size:13px;margin-bottom:20px}.notice.error{background:#361f20;border-color:#78423f;color:#ffc0ba}.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border:1px solid #7b673b;border-radius:9px;background:#302919;margin-bottom:23px;color:#e5ce93;font-size:12px;position:sticky;top:12px;z-index:2}.draft-bar>div{display:flex;gap:10px}.warning-strip{padding:15px 18px;border:1px solid #524830;background:#242116;border-radius:8px;color:#cbbd93;font-size:12px;line-height:1.6;margin-bottom:23px}.switch-label{flex-direction:row;align-items:center}.item-card{border-top:1px solid var(--line);padding:18px 0}.item-card:last-child{padding-bottom:0}.item-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.item-heading code{color:var(--muted);font-size:10px;word-break:break-all}.item-actions{display:flex;gap:12px;align-items:center}.item-actions button{padding:5px 8px;font-size:11px}.empty{padding:25px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.health-row{padding:17px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.health-row h3{margin-bottom:5px}.status{display:inline-block;border-radius:5px;padding:5px 8px;background:#233336;color:#b5c8cb;font-size:10px;font-weight:600;white-space:nowrap}.status.simulated,.status.connected{background:#173b30;color:#85e2b7}.status.uncertain,.status.rejected{background:#422b24;color:#ffc09a}.status.queued,.status.leased{background:#25374c;color:#a7c9f3}.health-detail{font-size:11px;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;color:var(--muted);font-weight:500;padding:12px 14px;background:#0d1719;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}td small{display:block;font-size:10px;color:var(--muted);margin-top:6px;max-width:280px;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}td button{font-size:10px;padding:7px 10px}.matrix-cell{text-align:center}.matrix-cell label{align-items:center;font-size:10px}.matrix-cell input{width:22px;height:22px}.route-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:18px}.asset-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.asset-heading h3{margin:0}.asset-card{border:1px solid var(--line);padding:18px;border-radius:8px;margin-top:12px}.event-row{display:flex;gap:18px;align-items:flex-start;border-top:1px solid var(--line);padding:18px 0}.event-time{color:var(--muted);font-size:11px;min-width:145px}.event-content{min-width:0;overflow-wrap:anywhere}.event-content p{font-size:13px;margin:8px 0 3px}.event-content small{color:var(--muted);font-size:11px}.credential-card{border-top:1px solid var(--line);padding:22px 0}.credential-card code{color:var(--muted);font-size:11px}.credential-card label{margin-top:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1517;border:1px solid var(--line);border-radius:8px;padding:18px;font-size:11px;color:#b5d8ce;line-height:1.8}footer{display:flex;justify-content:space-between;color:#5e797c;font-size:10px;padding:8px 0 20px}code{font-family:Consolas,monospace}
[hidden]{display:none!important}
@media(min-width:1600px){.workspace{padding-top:48px}.metrics{gap:23px}.metric{padding:26px}}
@media(max-width:1150px){.sidebar{width:200px;padding:28px 16px}.brand{font-size:20px}main{margin-left:200px}.workspace{padding:26px}.topbar{padding:0 26px}.two-column{grid-template-columns:1fr}.metrics{gap:12px}.metric{padding:17px}.page-heading h1{font-size:28px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.nav-label,.sidebar-bottom .mode-note{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:20px}.nav-button{font-size:10px;padding:10px 6px;justify-content:center;margin:0}.nav-button span{display:none}.sidebar-bottom .quiet{width:auto;position:absolute;right:18px;top:7px}.sidebar-bottom{margin:0}main{margin:0}.topbar{height:60px;padding:0 18px}.top-actions{gap:10px}.workspace{padding:25px 18px}.page-heading{align-items:flex-start;gap:12px}.page-heading .badge{font-size:8px}.page-heading h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr}.panel{padding:18px}.panel-heading{flex-wrap:wrap;gap:12px}.form-grid{gap:13px}.draft-bar{position:static;flex-wrap:wrap}.draft-bar>div{width:100%;justify-content:flex-end}.event-row{flex-direction:column;gap:8px}.login-card{padding:28px}.login-card h1{font-size:36px}footer{gap:20px;line-height:1.5}footer span{text-align:right}}