:root{--bg:#0c1219;--bg2:#0e151d;--panel:#121a24;--panel2:#19232f;--line:rgba(148,178,205,.10);--line2:rgba(148,178,205,.18);--ink:#f2f6fa;--ink2:#94a6b9;--ink3:#5d7081;--accent:#45c4e0;--accent2:#45c4e0;--accent-ink:#06222c;--ok:#2fbf8f;--warn:#e5b04a;--bad:#e8685d;--stale:#5d7081;--r:8px;--r-sm:6px;--sans:"IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",monospace}[data-theme=light]{--bg:#edf1f5;--bg2:#f5f8fb;--panel:#ffffff;--panel2:#eef2f6;--line:rgba(18,46,72,.10);--line2:rgba(18,46,72,.18);--ink:#10283d;--ink2:#48637c;--ink3:#7e95aa;--accent:#0e7fa8;--accent2:#0e7fa8;--accent-ink:#ffffff;--ok:#0f9d76;--warn:#b07f10;--bad:#cf4a40;--stale:#7e95aa}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}.app,body{overflow:hidden}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;height:100dvh}.rail{background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand .mark{width:34px;height:34px;border-radius:8px;flex:none;background:var(--accent);display:grid;place-items:center}.brand .mark svg{width:22px;height:22px}.brandfleet{display:inline;font-weight:700;color:var(--accent)}.brand h1{font-size:15px;font-weight:700;letter-spacing:.1px;line-height:1.1}.nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}.nav .label{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink3);padding:16px 10px 6px;font-weight:600}.nav a{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:var(--r-sm);color:var(--ink2);text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer;border-left:2px solid transparent;transition:background .12s,color .12s}.nav a svg{width:17px;height:17px;stroke-width:1.7;flex:none;opacity:.85}.nav a:hover{background:var(--panel);color:var(--ink)}.nav a.active{background:var(--panel2);color:var(--ink);border-left-color:var(--accent)}.nav a.active svg{color:var(--accent);opacity:1}.rail .foot{margin-top:auto;padding:12px 10px 2px;border-top:1px solid var(--line)}.uptime{font-size:11px;color:var(--ink3)}.uptime b{color:var(--ok);font-family:var(--mono);font-weight:500}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--bg2)}.crumb{font-size:11.5px;color:var(--ink3)}.crumb b{color:var(--ink);font-weight:650;font-size:17px;display:block;letter-spacing:-.1px}.search{margin-left:8px;flex:1 1;max-width:340px;display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 12px;color:var(--ink3)}.search:focus-within{border-color:var(--line2)}.search input{background:none;border:none;outline:none;color:var(--ink);font-family:var(--sans);font-size:13px;width:100%}.search svg{width:15px;height:15px;flex:none}.spacer{flex:1 1}.role{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px;gap:2px}.role button{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink2);background:none;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:.12s}.role button.on{background:var(--accent);color:var(--accent-ink)}.iconbtn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel);color:var(--ink2);display:grid;place-items:center;cursor:pointer;position:relative;transition:border-color .12s}.iconbtn:hover{border-color:var(--line2);color:var(--ink)}.iconbtn svg{width:17px;height:17px}.iconbtn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--bad);border:2px solid var(--panel)}.who{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:var(--r-sm);background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font-family:var(--mono);font-size:12.5px;color:var(--accent)}.who .nm{font-size:13px;font-weight:600;line-height:1.2}.who .rl{font-size:11px;color:var(--ink3)}.content{padding:24px 26px 40px;flex:1 1 auto;min-height:0;overflow-y:auto}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:var(--panel2);border-radius:8px;border:3px solid var(--bg)}.view{display:none;animation:fade .3s ease both}.view.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kpis{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 15px;animation:up .35s ease both}.kpi .t{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);display:flex;gap:8px;align-items:center;font-weight:600}.kpi .t svg{width:14px;height:14px;color:var(--accent);opacity:.9}.kpi .v{font-family:var(--mono);font-size:28px;font-weight:500;margin-top:10px;letter-spacing:-.5px}.kpi .s{font-size:12px;color:var(--ink2);margin-top:4px}.kpi .s b{font-family:var(--mono);font-weight:500}.grid2{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);animation:up .4s ease both}.card .hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.card .hd h3{font-size:13.5px;font-weight:650;letter-spacing:.1px}.card .hd .meta{font-size:11.5px;color:var(--ink3);font-family:var(--mono)}.card .bd{padding:16px 18px}.mapwrap{position:relative;height:380px;border-radius:0 0 var(--r) var(--r);overflow:hidden;background:var(--bg2)}.mapgrid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.5}.coast,.mapgrid{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.marker .ring{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;position:relative}.marker .ring:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:1.5px solid;opacity:.45;animation:pulse 2.6s ease-out infinite}.marker.offline .ring:after{animation:none}.marker .core{width:8px;height:8px;border-radius:50%;background:currentColor}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.6);opacity:0}}.marker .heading{position:absolute;left:50%;top:50%;width:2px;height:14px;background:currentColor;transform-origin:top center;opacity:.7;border-radius:2px}.marker .tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%) translateY(6px);background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r-sm);padding:8px 11px;width:158px;opacity:0;pointer-events:none;transition:.15s;z-index:5}.marker:hover .tip{opacity:1;transform:translateX(-50%)}.marker .tip .n{font-size:12px;font-weight:600}.marker .tip .c{font-family:var(--mono);font-size:10.5px;color:var(--ink2);margin-top:3px;line-height:1.5}.legend{position:absolute;bottom:14px;left:16px;display:flex;gap:16px;font-size:11px;color:var(--ink2)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.s-online{color:var(--ok)}.s-degraded{color:var(--warn)}.s-offline{color:var(--bad)}.s-stale{color:var(--stale)}.bg-online{background:var(--ok)}.bg-degraded{background:var(--warn)}.bg-offline{background:var(--bad)}.bg-stale{background:var(--stale)}.feed{display:flex;flex-direction:column}.alert{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}.alert:last-child{border-bottom:none}.alert .ic{width:30px;height:30px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line)}.alert .ic svg{width:15px;height:15px}.alert .tx{font-size:13px;line-height:1.35}.alert .tx .v{font-weight:600}.alert .tx small{display:block;color:var(--ink3);font-size:11.5px;margin-top:2px;font-family:var(--mono)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink3);font-weight:600;padding:0 14px 11px}td{padding:12px 14px;border-top:1px solid var(--line);font-size:13px}tbody tr{cursor:pointer;transition:background .1s}tbody tr:hover{background:var(--panel2)}.vname{font-weight:600}.sub{color:var(--ink3);font-family:var(--mono);font-size:11.5px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:5px;background:var(--panel2);border:1px solid var(--line)}.pill i{width:7px;height:7px;border-radius:50%}.mono{font-family:var(--mono)}.bars{display:inline-flex;gap:2px;align-items:flex-end;height:16px}.bars b{width:3px;background:var(--ink3);border-radius:1px;display:block}.bars.lvl b.on{background:currentColor}.conn{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.vcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;animation:up .35s ease both}.vcard .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.vcard .top .n{font-weight:600;font-size:14px}.vcard .top .co{font-family:var(--mono);font-size:11px;color:var(--ink3);margin-top:3px}.wan{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.wan .nm{font-size:12.5px;font-weight:500;width:74px}.wan .st{width:7px;height:7px;border-radius:50%;flex:none}.wan .sig{flex:1 1;font-family:var(--mono);font-size:11.5px;color:var(--ink2);text-align:right}.track{flex:1 1;height:4px;border-radius:2px;background:var(--panel2);overflow:hidden;max-width:120px}.track span{display:block;height:100%;border-radius:2px}.placeholder{display:grid;place-items:center;height:50vh;color:var(--ink3);text-align:center;grid-gap:10px;gap:10px}.placeholder svg{width:40px;height:40px;opacity:.4}.placeholder b{color:var(--ink2);font-size:15px;font-weight:600}.menu{display:none}.searchwrap{position:relative;flex:1 1;max-width:360px}.results{position:absolute;top:46px;left:0;right:0;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 16px 40px rgba(0,0,0,.35);overflow:hidden;z-index:40}.results .grp{padding:8px 14px;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--ink3);background:var(--panel2)}.results .row{display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;border-top:1px solid var(--line);font-size:13px}.results .row:hover{background:var(--panel2)}.results .row svg{width:15px;height:15px;color:var(--accent);flex:none}.results .row .sub{margin-left:auto;font-size:11.5px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.conn,.grid2{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.rail{position:fixed;inset:0 auto 0 0;z-index:60;width:240px;transform:translateX(-100%);transition:transform .2s}.rail.open{transform:none;box-shadow:0 0 60px rgba(0,0,0,.55)}.menu{display:grid}.role,.who .nm,.who .rl{display:none}.kpis{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.content{padding:16px 14px 40px}.topbar{flex-wrap:wrap;gap:12px;padding:12px 14px}.crumb{font-size:10.5px}.crumb b{font-size:15px}.searchwrap{order:10;flex-basis:100%}.search,.searchwrap{max-width:none}.search input{font-size:16px}.card .hd,.viewhead{flex-wrap:wrap;gap:10px;padding:14px}.card .bd{padding:12px}.bd{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}table{min-width:560px}th{padding:0 12px 10px}td{padding:11px 12px}.detail-head h1{font-size:22px}.mapwrap{height:300px}.leaflet-map{height:46vh}.fld input,.fld select{font-size:16px}.modal{padding:18px 16px}}.topbar{position:relative;z-index:50}.results{z-index:60}.viewhead{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line)}.viewhead h3{font-size:13.5px;font-weight:650}.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);transition:.12s}.btn svg{width:15px;height:15px}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{background:transparent;color:var(--bad);border-color:var(--bad)}.btn-danger:hover{background:var(--bad);color:#fff}.btn-ghost{background:transparent}td.actions{text-align:right;white-space:nowrap}.ico{width:31px;height:31px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel2);color:var(--ink2);cursor:pointer;display:inline-grid;place-items:center;margin-left:6px;transition:.12s}.ico svg{width:15px;height:15px}.ico:hover{color:var(--ink);border-color:var(--line2)}.ico.danger:hover{color:var(--bad);border-color:var(--bad)}.setrow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.setrow:last-child{border-bottom:none}.setrow span{color:var(--ink3)}.usermenu{position:absolute;top:48px;right:0;width:190px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 16px 40px rgba(0,0,0,.4);overflow:hidden;z-index:70}.um-h{padding:12px 14px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.um-h small{display:block;color:var(--ink3);font-weight:500;margin-top:2px}.um-row{display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:13px;cursor:pointer}.um-row svg{width:16px;height:16px;color:var(--ink2)}.um-row:hover{background:var(--panel2)}.um-row.danger{border-top:1px solid var(--line)}.um-row.danger,.um-row.danger svg{color:var(--bad)}.modal-overlay{position:fixed;inset:0;background:rgba(5,10,16,.66);display:grid;place-items:center;z-index:200;padding:20px}.modal{width:560px;max-width:100%;max-height:88vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:22px 24px;box-shadow:0 24px 64px rgba(0,0,0,.45)}.modal h3{font-size:16px;font-weight:650;margin-bottom:16px}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.fld{display:block;margin-bottom:12px}.fld span{display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);margin-bottom:6px;font-weight:600}.fld input,.fld select{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;color:var(--ink);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .12s}.fld input:focus,.fld select:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:560px){.row2{grid-template-columns:1fr}}@media(max-width:440px){.kpis{grid-template-columns:1fr}.detail-head{flex-wrap:wrap;gap:8px}}.leaflet-map{height:62vh;width:100%;border-radius:0 0 var(--r) var(--r);background:var(--bg2)}[data-theme=dark] .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.95) contrast(.9)}.leaflet-popup-content{font-family:var(--sans);font-size:13px}.verifyrow{display:flex;align-items:center;gap:12px;margin:-2px 0 12px}.vmsg{font-size:12.5px}.inunit{display:flex;align-items:center;gap:8px}.inunit input{flex:1 1;width:auto}.inunit em{font-style:normal;color:var(--ink3);font-size:13px}.detailbar{justify-content:space-between;margin-bottom:14px}.detail-head,.detailbar{display:flex;align-items:center}.detail-head{gap:14px;margin:2px 0 18px}.detail-head h1{font-size:24px;font-weight:700;letter-spacing:-.2px;color:var(--ink)}.particulars{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:15px 24px;gap:15px 24px}.particulars>div{display:flex;flex-direction:column;gap:3px;min-width:0}.particulars span{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);font-weight:600}.particulars b{font-size:14px;font-weight:600;color:var(--ink);word-break:break-word}.linklike{background:none;border:none;padding:0;margin:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-align:left}.linklike:hover{text-decoration:underline}.sortsel{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 11px;color:var(--ink);font-family:var(--sans);font-size:13px;cursor:pointer}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;line-height:1;padding:4px 9px;border-radius:4px;letter-spacing:.2px;border:1px solid transparent;white-space:nowrap}.tag-conn{color:#34e0b0;background:rgba(52,211,153,.13);border-color:rgba(52,211,153,.35)}.tag-hw{color:#cba3ff;background:rgba(168,85,247,.16);border-color:rgba(168,85,247,.4)}.tag-other{color:#9fb4c8;background:rgba(127,153,176,.12);border-color:rgba(127,153,176,.28)}[data-theme=light] .tag-conn{color:#0f9d76}[data-theme=light] .tag-hw{color:#7c3aed}[data-theme=light] .tag-other{color:#5d738c}.card+.card{margin-top:18px}.rolepill{display:inline-block;padding:2px 9px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid var(--line);background:var(--panel2);color:var(--ink2)}.role-admin{color:#8fd3ff;border-color:#27506e;background:rgba(45,120,170,.12)}.role-moderator{color:#c6b3ff;border-color:#4a3f74;background:rgba(120,90,200,.12)}.role-viewer{color:var(--ink2);border-color:var(--line);background:var(--panel2)}.selfbadge{margin-left:7px;font-size:10px;font-weight:600;border:1px solid var(--line);border-radius:4px;padding:1px 5px;vertical-align:middle}.hint,.selfbadge{color:var(--ink3)}.hint{margin:12px 2px 0;font-size:12px;line-height:1.5}.scopebox{margin-top:6px;border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;background:var(--panel2)}.chkrow{display:flex;align-items:center;gap:9px;padding:5px 2px;font-size:13.5px;color:var(--ink);cursor:pointer}.chkrow input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.fleetpick{margin-top:6px;padding-top:8px;border-top:1px dashed var(--line);max-height:190px;overflow:auto}.fldlabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-bottom:4px;font-weight:600}.changes{display:flex;flex-direction:column;gap:3px}.chg{font-size:11.5px;font-family:var(--mono,ui-monospace,monospace);color:var(--ink2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chg b{color:var(--ink);font-weight:600;font-family:inherit}.chg .from{color:var(--bad);text-decoration:line-through;opacity:.85}.chg .to{color:var(--ok)}.chg .arr{color:var(--ink3)}.msel{position:relative}.msel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font-size:14px;cursor:pointer;text-align:left}.msel-btn:hover{border-color:var(--accent)}.msel-btn .ph{color:var(--ink3)}.msel-panel{position:absolute;z-index:40;top:calc(100% + 5px);left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:0 14px 36px rgba(0,0,0,.4);overflow:hidden}.msel-search{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--panel2);padding:9px 11px;font-size:13.5px;color:var(--ink);outline:none}.msel-list{max-height:200px;overflow:auto;padding:4px}.msel-list .chkrow{padding:6px 8px;border-radius:4px}.msel-list .chkrow:hover{background:var(--panel2)}.msel-foot{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;border-top:1px solid var(--line)}.msel-foot .linklike{font-size:12px}.seg{gap:2px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px}.seg,.seg button{display:inline-flex}.seg button{background:transparent;border:none;color:var(--ink3);padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:4px;font-family:var(--sans);align-items:center;gap:6px}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--panel);color:var(--ink)}.seg .badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--accent);color:var(--accent-ink);font-size:10.5px;font-weight:700;padding:0 5px;border-radius:9px}.wanlist{display:flex;flex-wrap:wrap;gap:6px}.wanlist .pill{font-size:11.5px;padding:3px 8px}.dd-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:16px 0 4px;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm)}.dd-cell{min-width:0}.dd-lbl{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);margin-bottom:4px;font-weight:600}.dd-val{font-size:14px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-val.sub{color:var(--ink3);font-weight:400}.dd-bar{height:5px;background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-top:6px}.dd-bar>div{height:100%;transition:width .3s ease}.dd-bar-val{margin-top:3px}.dd-bar-val,.dd-h4{font-size:11.5px;color:var(--ink3)}.dd-h4{font-weight:650;text-transform:uppercase;letter-spacing:.6px;margin:18px 0 8px}.dd-tbl{width:100%;border-collapse:collapse;margin-bottom:8px}.dd-tbl th{text-align:left;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--ink3);padding:6px 10px}.dd-tbl td,.dd-tbl th{border-bottom:1px solid var(--line)}.dd-tbl td{padding:8px 10px;font-size:13px}.dd-tbl tr:last-child td{border-bottom:none}@media (max-width:600px){.dd-grid{grid-template-columns:repeat(2,1fr)}}.conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.conn-card{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 12px;cursor:pointer;transition:border-color .12s ease;display:flex;flex-direction:column;gap:8px;min-height:140px}.conn-card:hover{border-color:var(--accent)}.cc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cc-title{font-size:14.5px;font-weight:650;color:var(--ink);letter-spacing:-.1px;line-height:1.2}.cc-sub,.cc-title{word-break:break-word}.cc-sub{font-size:11.5px;margin-top:-4px}.cc-meta,.cc-sub{color:var(--ink3)}.cc-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.cc-meta span{white-space:nowrap}.cc-ifaces{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-top:2px;padding-top:8px;border-top:1px solid var(--line)}.cc-iface{display:flex;align-items:center;gap:6px;min-width:0}.cc-iface b{font-weight:600;color:var(--ink)}.cc-iface .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cc-iface .sub{color:var(--ink3);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-iface .cc-ip{margin-left:auto;font-size:11.5px;color:var(--ink2)}.cc-link{margin-top:auto;width:100%;justify-content:center}@media (max-width:600px){.conn-grid{grid-template-columns:1fr}}.leaflet-tooltip.vessel-label{background:rgba(14,21,29,.94);color:#e2e8f0;border:1px solid rgba(255,255,255,.1);padding:2px 7px;font-size:11px;font-weight:600;font-family:var(--sans);border-radius:4px;white-space:nowrap}.leaflet-map.map-hide-labels .leaflet-tooltip.vessel-label,.leaflet-tooltip.vessel-label:before{display:none}[data-theme=light] .leaflet-tooltip.vessel-label{background:rgba(255,255,255,.96);color:#1a2436;border-color:rgba(0,0,0,.12)}.login-in{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;color:var(--ink);font-family:var(--sans);font-size:14px;outline:none;margin-bottom:10px;transition:border-color .12s}.login-in:focus{border-color:var(--accent)}.pw-wrap{position:relative}.pw-in{padding-right:42px}.pw-in::-ms-reveal{display:none}.pw-toggle{position:absolute;right:6px;top:5px;width:32px;height:32px;border:none;background:none;color:var(--ink3);cursor:pointer;display:grid;place-items:center;border-radius:4px}.pw-toggle:hover{color:var(--ink)}.miniseg{border:1px solid var(--hair);background:transparent;color:var(--ink2);font:inherit;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:7px;cursor:pointer;line-height:1.4}.miniseg:hover{background:var(--chip,rgba(125,125,125,.08))}.miniseg.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.wanpanel{border:1px solid var(--hair);border-radius:10px;padding:12px 12px 8px;background:var(--card-bg,rgba(125,125,125,.02))}.wanpanel-h{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px;color:var(--ink)}.wanpanel-f{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-top:6px;padding-top:6px;border-top:1px solid var(--hair)}.wanpanel-f b{color:var(--ink);margin-left:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wanpanel-f .dot,.wanpanel-h .dot{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:middle;margin-right:2px}