.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg: #080b12;--bg-elev: #0f1320;--bg-elev-2: #161c2b;--surface: #0f1320;--surface-2: #161c2b;--surface-3: #1e2638;--border: #212a3c;--border-soft: #1a2230;--text: #e8edf4;--text-dim: #8b97aa;--text-faint: #5a6678;--accent: #4f8cff;--accent-2: #7b5cff;--accent-dim: #233252;--ok: #2fbf71;--warn: #f0a92b;--crit: #f0524d;--idle: #8a96a8;--cap-empty: #f0524d;--cap-almost: #f0a92b;--cap-half: #4f8cff;--cap-full: #2fbf71;--radius: 12px;--radius-sm: 8px;--rail-w: 232px;--rail-w-collapsed: 64px;--topbar-h: 56px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#7b5cff);display:grid;place-items:center;font-weight:700;color:#fff;font-size:13px}.brand-name{font-weight:600;letter-spacing:.2px}.brand-sub{font-size:11px;color:var(--text-faint)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500}.nav-link:hover{background:var(--bg-elev-2);color:var(--text)}.nav-link.active{background:var(--accent-dim);color:var(--text)}.sidebar-foot{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint)}.main{padding:24px 28px 48px;max-width:1500px;width:100%}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:650;margin:0}.page-sub{color:var(--text-dim);font-size:13px}.conn{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);padding:5px 10px;border-radius:999px}.conn .dot{width:8px;height:8px;border-radius:50%;background:var(--idle)}.conn.live .dot{background:var(--ok);box-shadow:0 0 0 3px #2fbf712e}.pulse{animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #2fbf7166}to{box-shadow:0 0 0 8px #2fbf7100}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:28px;font-weight:680;margin-top:6px}.kpi-foot{font-size:12px;color:var(--text-faint);margin-top:4px}.kpi-value.ok{color:var(--ok)}.kpi-value.warn{color:var(--warn)}.kpi-value.crit{color:var(--crit)}.section{margin-bottom:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:15px;font-weight:620}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s,transform .15s}a.card:hover{border-color:var(--accent-dim);transform:translateY(-1px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-title{font-weight:600;font-size:15px}.card-meta{color:var(--text-dim);font-size:12px;margin-top:2px}.card-row{display:flex;justify-content:space-between;font-size:13px;margin-top:10px;color:var(--text-dim)}.card-row strong{color:var(--text);font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:capitalize;border:1px solid transparent}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.online,.badge.ok{color:var(--ok);background:#2fbf711f}.badge.degraded,.badge.idle,.badge.warning{color:var(--warn);background:#f0a92b1f}.badge.offline,.badge.critical{color:var(--crit);background:#f0524d1f}.badge.info{color:var(--accent);background:#4f8cff1f}.healthbar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--bg-elev-2);margin-top:12px}.healthbar>span{display:block;height:100%}.seg-FULL{background:var(--cap-full)}.seg-HALF{background:var(--cap-half)}.seg-ALMOST_EMPTY{background:var(--cap-almost)}.seg-EMPTY{background:var(--cap-empty)}.health-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--text-dim)}.health-legend .swatch{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}.alert-feed{display:flex;flex-direction:column;gap:8px}.alert{display:flex;gap:12px;align-items:flex-start;background:var(--bg-elev);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-sm);padding:11px 14px}.alert.critical{border-left-color:var(--crit)}.alert.warning{border-left-color:var(--warn)}.alert.info{border-left-color:var(--accent)}.alert-body{flex:1;min-width:0}.alert-msg{font-size:13px}.alert-meta{font-size:11px;color:var(--text-faint);margin-top:3px}.alert-ack{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;cursor:pointer}.alert-ack:hover{color:var(--text);border-color:var(--accent-dim)}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.select{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:7px 10px;font-size:13px}.heatmap{display:flex;flex-direction:column;gap:5px;margin-top:12px}.heat-row{display:flex;align-items:center;gap:6px}.heat-label{width:18px;font-size:11px;color:var(--text-faint);text-align:center}.heat-cells{display:flex;gap:5px;flex-wrap:wrap}.heat-cell{width:22px;height:22px;border-radius:4px;border:1px solid rgba(255,255,255,.04);transition:transform .12s}.heat-cell.changed{animation:flash .9s ease-out}@keyframes flash{0%{transform:scale(1.25);box-shadow:0 0 0 2px var(--text)}to{transform:scale(1);box-shadow:none}}.loading,.error,.empty{padding:40px;text-align:center;color:var(--text-dim)}.error{color:var(--crit)}.back-link{color:var(--text-dim);font-size:13px;margin-bottom:8px;display:inline-block}.back-link:hover{color:var(--text)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}@media(max-width:980px){.detail-grid,.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.sidebar-foot{display:none}}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100vh}.shell.collapsed{grid-template-columns:var(--rail-w-collapsed) 1fr}.rail{background:linear-gradient(180deg,#0c111c,var(--bg));border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:14px 10px;overflow:hidden}.rail-toshiba{display:block;height:18px;width:auto;margin:2px 8px 12px;opacity:.95}.rail-brand{display:flex;align-items:center;gap:10px;padding:14px 8px 16px;white-space:nowrap;border-top:1px solid var(--border, rgba(255,255,255,.06))}.rail-mark{width:32px;height:32px;border-radius:9px;flex:0 0 auto;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;box-shadow:0 0 0 1px #ffffff0f,0 6px 18px #4f8cff40}.rail-name{font-weight:700;letter-spacing:.2px;font-size:14px}.rail-sub{font-size:10.5px;color:var(--text-faint);letter-spacing:.3px;text-transform:uppercase}.rail-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.rail-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500;font-size:13.5px;white-space:nowrap;position:relative}.nav-item svg{width:18px;height:18px;flex:0 0 auto}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-3);color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--crit);color:#fff;border-radius:999px;padding:1px 7px}.rail.collapsed .rail-name,.rail.collapsed .rail-sub,.rail.collapsed .nav-item span,.rail.collapsed .rail-group-label,.rail.collapsed .nav-badge{display:none}.rail.collapsed .nav-item{justify-content:center}.rail-foot{margin-top:auto;padding-top:10px}.rail-collapse{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;font-size:12.5px}.rail-collapse:hover{color:var(--text);border-color:var(--accent-dim)}.content{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 20px;background:#0a0e16d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-scope{display:flex;align-items:center;gap:7px}.scope-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--text-dim);cursor:pointer}.scope-chip strong{color:var(--text);font-weight:600}.scope-chip:hover{border-color:var(--accent-dim);color:var(--text)}.scope-select{background:transparent;border:none;outline:none;cursor:pointer;color:var(--text);font-weight:600;font-size:12.5px;max-width:220px}.scope-select option{background:var(--surface-2);color:var(--text)}.scope-sep{color:var(--text-faint)}.topbar-search{flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--text-faint);font-size:13px}.topbar-spacer{flex:1}.icon-btn{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--accent-dim)}.bell-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;background:var(--crit);color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:grid;place-items:center;border:2px solid var(--bg)}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:700}.user-name{font-size:12.5px;font-weight:600}.user-role{font-size:10.5px;color:var(--text-faint)}.canvas{padding:20px 24px 56px;max-width:1640px;width:100%}.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border-soft)}.panel-title{font-size:13.5px;font-weight:650;display:flex;align-items:center;gap:8px}.panel-title .muted{color:var(--text-faint);font-weight:500}.panel-actions{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:12px}.panel-body{padding:14px 16px;flex:1;min-width:0}.panel-body.tight{padding:6px}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px 10px;position:relative;overflow:hidden;min-width:0}.tile:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0}.tile.ok:after{background:var(--ok);opacity:.7}.tile.warn:after{background:var(--warn);opacity:.7}.tile.crit:after{background:var(--crit);opacity:.85}.tile-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.tile-label svg{width:13px;height:13px;color:var(--text-faint)}.tile-value{font-size:26px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.tile-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px;height:26px}.tile-spark{width:70px;height:24px;opacity:.85}.delta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--crit)}.delta.flat{color:var(--text-faint)}.delta svg{width:13px;height:13px}.feed{display:flex;flex-direction:column;max-height:420px;overflow-y:auto}.feed-row{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border-soft);font-size:12.5px}.feed-row:last-child{border-bottom:none}.feed-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}.feed-ico svg{width:14px;height:14px}.feed-ico.ok{background:#2fbf7124;color:var(--ok)}.feed-ico.warn{background:#f0a92b24;color:var(--warn)}.feed-ico.crit{background:#f0524d24;color:var(--crit)}.feed-ico.info{background:#4f8cff24;color:var(--accent)}.feed-main{flex:1;min-width:0}.feed-text{color:var(--text)}.feed-text .dim{color:var(--text-faint)}.feed-time{font-size:11px;color:var(--text-faint);white-space:nowrap}@keyframes rowflash{0%{background:#4f8cff24}to{background:transparent}}.feed-row.flash{animation:rowflash 1.2s ease-out}.funnel{display:flex;flex-direction:column;gap:9px}.funnel-stage{display:flex;align-items:center;gap:10px;font-size:12.5px}.funnel-name{width:92px;color:var(--text-dim);flex:0 0 auto}.funnel-track{flex:1;height:22px;background:var(--surface-2);border-radius:6px;overflow:hidden}.funnel-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent-dim),var(--accent));display:flex;align-items:center}.funnel-count{width:38px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;flex:0 0 auto}.gauge-wrap{display:flex;align-items:center;gap:14px}.gauge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--g-color) calc(var(--g) * 1%),var(--surface-2) 0)}.gauge:after{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:var(--surface)}.gauge-val{position:relative;z-index:1;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.map-wrap{position:relative;width:100%;height:360px;border-radius:var(--radius-sm);background:radial-gradient(1200px 400px at 50% -10%,rgba(79,140,255,.08),transparent),linear-gradient(var(--border-soft) 1px,transparent 1px) 0 0 / 100% 36px,linear-gradient(90deg,var(--border-soft) 1px,transparent 1px) 0 0 / 40px 100%,var(--bg);overflow:hidden}.map-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer}.map-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid currentColor;opacity:.25}.map-dot.online{background:var(--ok);color:var(--ok)}.map-dot.degraded{background:var(--warn);color:var(--warn)}.map-dot.offline{background:var(--crit);color:var(--crit);animation:pulse 1.6s ease-out infinite}.map-legend{position:absolute;bottom:10px;left:12px;display:flex;gap:14px;font-size:11px;color:var(--text-dim)}.map-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.rank-list{display:flex;flex-direction:column;gap:2px}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border-soft);font-size:12.5px}.rank-row:last-child{border-bottom:none}.rank-idx{width:18px;color:var(--text-faint);font-variant-numeric:tabular-nums}.rank-main{flex:1;min-width:0}.rank-name{font-weight:600}.rank-sub{color:var(--text-faint);font-size:11px}.rank-metric{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.rank-metric .unit{color:var(--text-faint);font-weight:500;font-size:11px}.scaffold{display:grid;place-items:center;padding:64px 24px}.scaffold-inner{max-width:520px;text-align:center}.scaffold-ico{width:56px;height:56px;border-radius:14px;margin:0 auto 16px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}.scaffold-ico svg{width:26px;height:26px}.scaffold h2{margin:0 0 8px;font-size:19px}.scaffold p{color:var(--text-dim);margin:0 0 18px}.scaffold-list{text-align:left;display:inline-flex;flex-direction:column;gap:8px}.scaffold-list div{display:flex;align-items:center;gap:9px;color:var(--text-dim);font-size:13px}.scaffold-list svg{width:15px;height:15px;color:var(--ok);flex:0 0 auto}.tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:#4f8cff1f;border-radius:5px;padding:2px 7px;margin-left:8px}.badge.disabled{color:var(--text-faint);background:#8a96a81f}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}input.select::placeholder{color:var(--text-faint)}@media(max-width:1180px){.col-7,.col-5,.col-6,.col-8{grid-column:span 12}}@media(max-width:1024px){.shell,.shell.collapsed{grid-template-columns:var(--rail-w-collapsed) 1fr}.rail .rail-name,.rail .rail-sub,.rail .nav-item span,.rail .rail-group-label,.rail .nav-badge,.rail-foot{display:none}.rail .nav-item{justify-content:center}.col-3,.col-4{grid-column:span 6}}@media(max-width:720px){.canvas{padding:14px}.topbar-search{display:none}.col-3,.col-4{grid-column:span 12}}.verbadge-wrap{position:fixed;right:18px;bottom:18px;z-index:50}.verbadge{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;box-shadow:0 8px 24px #00000059}.verbadge:hover,.verbadge.active{color:var(--text);border-color:var(--accent-dim)}.verbadge svg{color:var(--accent)}.verbadge-panel{position:absolute;right:0;bottom:46px;width:340px;max-height:60vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 48px #00000080;overflow:hidden}.verbadge-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border-soft);font-weight:650;font-size:13px}.verbadge-close{background:transparent;border:none;color:var(--text-faint);cursor:pointer;display:grid;place-items:center}.verbadge-close:hover{color:var(--text)}.verbadge-list{overflow-y:auto;padding:6px}.verbadge-row{display:flex;gap:10px;padding:9px 8px;border-bottom:1px solid var(--border-soft)}.verbadge-row:last-child{border-bottom:none}.verbadge-ver{flex:0 0 auto;align-self:flex-start;font-size:10.5px;font-weight:700;border:1px solid;border-radius:5px;padding:1px 6px;font-variant-numeric:tabular-nums}.verbadge-main{min-width:0}.verbadge-msg{font-size:12.5px;color:var(--text)}.verbadge-time{font-size:11px;color:var(--text-faint);margin-top:2px;text-transform:capitalize}.danger-btn{display:inline-flex;align-items:center;gap:7px;background:#f0524d1f;border:1px solid rgba(240,82,77,.4);color:var(--crit);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.danger-btn:hover{background:#f0524d33}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border-soft)}.admin-row:last-child{border-bottom:none}.tree{display:flex;flex-direction:column}.tnode{display:flex;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--border-soft);cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.tnode:hover{background:var(--surface-2)}.tnode .chev{color:var(--text-faint);transition:transform .15s;flex:0 0 auto}.tnode.open>.chev{transform:rotate(90deg)}.tnode .count{margin-left:auto;color:var(--text-faint);font-size:12px;font-variant-numeric:tabular-nums}.tnode.tcountry{font-weight:650;font-size:13.5px}.tindent-1{padding-left:30px}.tindent-2{padding-left:52px}.tindent-3{padding-left:74px}.tsvc{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 100px;font-size:12.5px;border-bottom:1px solid var(--border-soft);background:var(--bg)}.tsvc .count{margin-left:auto;color:var(--text-faint);font-size:11px}.tsvc .dim,.tnode .dim{color:var(--text-faint)}.tnode-remove{width:26px;height:26px;margin-left:8px;border:none;background:transparent;color:var(--text-faint);opacity:0;transition:opacity .12s,color .12s}.tnode:hover .tnode-remove{opacity:1}.tnode-remove:hover{color:var(--danger, #ff5c5c);border-color:transparent;background:transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#04070c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:400px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 64px #0000008c;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.modal-title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px}.modal-close{background:transparent;border:none;color:var(--text-faint);cursor:pointer;display:grid;place-items:center}.modal-close:hover{color:var(--text)}.modal-body{padding:16px}.modal-msg{font-size:13px;color:var(--text-dim);line-height:1.5}.modal-pin{margin-top:14px;display:flex;flex-direction:column;gap:6px}.modal-pin label{font-size:12px;color:var(--text-dim)}.modal-pin .select{letter-spacing:4px;max-width:140px}.modal-error{color:var(--crit);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--border-soft)}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.login{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}.login-brand{display:flex;align-items:center;padding:48px;background:radial-gradient(900px 500px at 20% 10%,rgba(79,140,255,.18),transparent),radial-gradient(700px 500px at 90% 90%,rgba(123,92,255,.16),transparent),linear-gradient(160deg,#0c1322,var(--bg));border-right:1px solid var(--border)}.login-brand-inner{max-width:540px;margin:0 auto}.login-toshiba{display:block;height:26px;width:auto;margin-bottom:30px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:36px}.login-product{font-weight:750;font-size:20px;letter-spacing:.2px}.login-by{font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px}.login-headline{font-size:34px;font-weight:720;margin:0 0 14px;letter-spacing:-.5px}.login-sub{color:var(--text-dim);line-height:1.65;font-size:14.5px;margin:0 0 28px}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-feature{display:flex;gap:11px;align-items:flex-start}.login-feature-ico{width:34px;height:34px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}.login-feature-title{font-weight:600;font-size:13px}.login-feature-text{color:var(--text-faint);font-size:12px;line-height:1.45;margin-top:2px}.login-foot{margin-top:32px;display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:12px}.login-form-wrap{display:grid;place-items:center;padding:40px;background:var(--bg)}.login-card{width:340px;max-width:100%;display:flex;flex-direction:column}.login-card-head{margin-bottom:18px}.login-label{font-size:12px;color:var(--text-dim);margin:12px 0 6px}.login-input{width:100%}.login-btn{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;font-weight:650;cursor:pointer}.login-btn:hover{filter:brightness(1.05)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-hint{margin-top:14px;text-align:center;color:var(--text-faint);font-size:12px}@media(max-width:900px){.login{grid-template-columns:1fr}.login-brand{display:none}}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;line-height:1}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px #4f8cff40}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-dim);background:var(--surface-2);border-color:var(--border)}.btn-secondary:hover{color:var(--text);border-color:var(--accent-dim)}.btn-danger{color:#fff;background:#ff5c5ce6;border-color:#ff5c5cb3}.btn-danger:hover:not(:disabled){background:#ff4040}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-col-2{grid-column:span 2}.form-label{font-size:12px;color:var(--text-dim);letter-spacing:.2px}.form-label .req{color:#ff7676;margin-left:2px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.form-hint{color:var(--text-faint);font-size:12px;max-width:60%}.form-actions{display:flex;gap:8px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.form-col-2{grid-column:span 1}}.cust-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cust-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 14px 12px;cursor:pointer;transition:border-color .15s,transform .08s;display:flex;flex-direction:column;gap:8px}.cust-card:hover{border-color:var(--accent-dim)}.cust-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cust-card-head{display:flex;align-items:center;gap:10px}.cust-card-title{display:flex;flex-direction:column;flex:1;min-width:0}.cust-name{font-weight:650;font-size:14px}.cust-code{color:var(--text-faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}.cust-chev{color:var(--text-faint);transition:transform .15s;flex:0 0 auto}.cust-chev.open{transform:rotate(90deg);color:var(--accent)}.cust-meta{color:var(--text-dim);font-size:12px;display:flex;align-items:center;gap:5px}.cust-stats{display:flex;gap:14px;color:var(--text-dim);font-size:12px;border-top:1px solid var(--border);padding-top:8px;margin-top:2px}.cust-stats strong{color:var(--text);font-size:14px;font-weight:650;margin-right:4px}.cust-detail-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:6px 0 18px;border-bottom:1px solid var(--border);margin-bottom:16px}.cust-detail-stats .stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;min-width:92px}.cust-detail-stats .stat-v{font-size:18px;font-weight:700}.cust-detail-stats .stat-l{color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.cust-detail-stats .stat-danger{margin-left:auto;background:transparent;border:none;padding:0}.sub-panel{margin-top:18px}.sub-panel-head{margin-bottom:10px}.sub-panel-title{margin:0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.sub-panel-sub{color:var(--text-faint);font-size:12px;margin-top:2px}.bnr-list{display:flex;flex-direction:column;gap:4px}.bnr-row,.site-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:inherit}.bnr-row:hover,.site-row:hover{border-color:var(--accent-dim)}.bnr-name{font-weight:600}.bnr-code{color:var(--text-faint);font-size:12px}.bnr-count{margin-left:auto;color:var(--text-faint);font-size:12px}.copy-block{position:relative}.copy-pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 96px 14px 14px;margin:0;color:var(--text);font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);font-size:12px;cursor:pointer}.copy-btn:hover{color:var(--text);border-color:var(--accent-dim)}.bin-counts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.bin-pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.bin-pill.ok{color:#4ade80;border-color:#4ade8040;background:#4ade8014}.bin-pill.warn{color:#f5a524;border-color:#f5a52440;background:#f5a52414}.bin-pill.crit{color:#ff6b6b;border-color:#ff6b6b4d;background:#ff6b6b14}.bin-list{margin-top:14px}.bin-list-head{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin-bottom:6px}.bin-list-empty{color:var(--accent);font-size:12px}.bin-list-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.bin-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:7px 10px;background:var(--surface-2);font-size:13px}.bin-row+.bin-row{border-top:1px solid var(--border)}.bin-loc{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--bg-elev);color:var(--text);letter-spacing:.3px;text-align:center}.bin-label{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bin-label .dim{color:var(--text-faint);font-style:italic}.bin-state{font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px}.bin-state.empty{color:#ff6b6b;background:#ff6b6b1a}.bin-state.almost_empty{color:#f5a524;background:#f5a5241a}.bin-state.half{color:#f5a524;background:#f5a5240f}.card-collapse{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;padding:0}.card-collapse:hover{color:var(--text);border-color:var(--accent-dim)}.card-compact{padding:12px 14px}.card-compact .card-top{gap:8px}.card-compact-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;color:var(--text-dim);font-size:12px}.card-compact-line .sep{color:var(--text-faint)}.cam-body{display:grid;grid-template-columns:minmax(260px,auto) 1fr;gap:20px;align-items:start;margin-top:6px}.cam-planogram{min-width:0}.cam-body .bin-list{margin-top:0}@media(max-width:900px){.cam-body{grid-template-columns:1fr}}.heat-cell.clickable{cursor:pointer;transition:transform .1s,filter .1s}.heat-cell.clickable:hover{transform:scale(1.08);filter:brightness(1.15)}.heat-cell.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bin-row.clickable{cursor:pointer;transition:background .12s,border-color .12s}.bin-row.clickable:hover{background:var(--bg-elev)}.modal-wide{max-width:760px;width:92vw}.bin-modal{padding:0}.bin-modal-head{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.bin-modal-loc{display:inline-block;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:6px;background:var(--bg-elev);color:var(--text-dim);margin-bottom:4px}.bin-modal-title{margin:0;font-size:18px;font-weight:650;line-height:1.3}.bin-modal-sku{font-size:12px;color:var(--text-faint);margin-top:2px}.bin-modal-state{font-size:12px;padding:5px 12px}.bin-modal-close{background:transparent}.bin-modal-body{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:20px 22px 24px}@media(max-width:720px){.bin-modal-body{grid-template-columns:1fr}.bin-modal-image{order:2}}.bin-modal-image{min-width:0}.bin-image-frame{aspect-ratio:4 / 3;background:var(--bg-elev);border:1px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center}.bin-image-empty{color:var(--text-dim);font-weight:600;font-size:13px}.bin-image-hint{color:var(--text-faint);font-size:11.5px;line-height:1.5;max-width:90%}.bin-modal-meta{margin:0;display:flex;flex-direction:column;gap:12px}.bin-meta-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:baseline}.bin-meta-row dt{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:500}.bin-meta-row dd{margin:0;color:var(--text);font-size:13px}.bin-meta-row dd .dim{color:var(--text-faint)}.bin-meta-row .tone-crit{color:var(--crit)}.bin-meta-row .tone-warn{color:var(--warn)}.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}@media(max-width:900px){.docs-layout{grid-template-columns:1fr}}.docs-side{position:sticky;top:70px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px;max-height:calc(100vh - 100px);overflow-y:auto}.docs-search{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;color:var(--text-faint)}.docs-search input{background:transparent;border:0;outline:0;color:var(--text);font-size:12.5px;width:100%;max-width:none}.docs-nav{display:flex;flex-direction:column;gap:2px}.docs-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:13px;text-align:left;cursor:pointer;line-height:1.3}.docs-nav-item:hover{background:var(--surface-2);color:var(--text)}.docs-nav-item.active{background:var(--accent-dim);color:var(--text);border-color:var(--accent)}.docs-content{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px 34px;min-width:0}.docs-crumb{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;color:var(--text-faint);font-size:11px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.docs-content h1{font-size:24px;font-weight:700;margin:0 0 14px;letter-spacing:-.3px}.docs-content h2{font-size:18px;font-weight:650;margin:32px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.docs-content h2:first-of-type{border-top:0;padding-top:0}.docs-content h3{font-size:15px;font-weight:650;margin:22px 0 8px;color:var(--text)}.docs-content h4{font-size:13.5px;font-weight:600;margin:16px 0 6px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.docs-content p{line-height:1.65;color:var(--text);margin:0 0 12px}.docs-content ul,.docs-content ol{line-height:1.65;padding-left:22px;margin:0 0 12px}.docs-content li{margin-bottom:4px;color:var(--text)}.docs-content li::marker{color:var(--text-faint)}.docs-content a{color:var(--accent);text-decoration:none;border-bottom:1px dashed transparent}.docs-content a:hover{border-bottom-color:var(--accent)}.docs-content strong{color:var(--text);font-weight:650}.docs-content em{color:var(--text);font-style:italic}.docs-content code{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:.88em;background:var(--surface-2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--text)}.docs-content pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;overflow-x:auto;margin:0 0 16px;line-height:1.55}.docs-content pre code{background:transparent;border:0;padding:0;font-size:12.5px;color:var(--text)}.docs-content blockquote{border-left:3px solid var(--accent);padding:4px 14px;background:#4f8cff0f;border-radius:var(--radius-sm);margin:0 0 14px;color:var(--text-dim)}.docs-content blockquote p{margin:4px 0}.docs-content table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.docs-content thead th{background:var(--surface-2);text-align:left;font-weight:650;color:var(--text-dim);padding:8px 12px;border-bottom:1px solid var(--border);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}.docs-content tbody td{padding:8px 12px;border-top:1px solid var(--border-soft);color:var(--text);vertical-align:top}.docs-content hr{border:0;border-top:1px solid var(--border);margin:24px 0}.docs-content img{max-width:100%;border-radius:var(--radius-sm)}.kpi-strip-compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}@media(max-width:1100px){.kpi-strip-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:12px;font-weight:600}.panel-link:hover{text-decoration:underline}.recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.recent-row{display:grid;grid-template-columns:16px 1fr auto auto 12px;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:inherit;text-decoration:none;transition:border-color .12s,background .12s}.recent-row:hover{border-color:var(--accent-dim);background:var(--bg-elev)}.recent-main{min-width:0}.recent-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{font-size:11.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta .dim{font-style:italic}.recent-time{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.alerts-anchor{position:relative}.icon-btn.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.alerts-pop{position:absolute;top:calc(100% + 8px);right:-8px;width:420px;max-width:90vw;max-height:70vh;overflow:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px #00000073;z-index:50}.alerts-pop:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:var(--bg-elev);border:1px solid var(--border);border-right:0;border-bottom:0;transform:rotate(45deg)}.alerts-pop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-elev);z-index:1}.alerts-pop-title{font-weight:650;font-size:13px;display:inline-flex;align-items:center;gap:8px}.alerts-pop-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-dim);font-weight:600}.alerts-pop-empty{padding:28px 18px;text-align:center;color:var(--text-dim);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px}.alerts-pop-empty .dim{color:var(--text-faint)}.alerts-pop-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:4px}.alerts-pop-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);border-left-width:3px}.alerts-pop-row.sev-critical{border-left-color:var(--crit)}.alerts-pop-row.sev-warning{border-left-color:var(--warn)}.alerts-pop-row.sev-info{border-left-color:var(--accent)}.alerts-pop-main{min-width:0}.alerts-pop-msg{font-size:13px;color:var(--text);font-weight:500;line-height:1.4}.alerts-pop-meta{margin-top:4px;color:var(--text-faint);font-size:11.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.alerts-pop-meta a{color:var(--accent)}.alerts-pop-meta a:hover{text-decoration:underline}.alerts-pop-meta .sep{color:var(--text-faint)}.alerts-pop-ack{color:var(--text-dim)}.alerts-pop-ack:hover{color:var(--ok);border-color:var(--ok)}.alerts-pop-more{text-align:center;padding:10px;font-size:12px;color:var(--text-faint)}.alerts-pop-more a{color:var(--accent)}.dash-edit-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:12px;background:#4f8cff14;border:1px solid var(--accent-dim);border-radius:var(--radius-sm);color:var(--text);font-size:12.5px}.dash-edit-banner svg{color:var(--accent);flex:0 0 auto}.dash-grid{position:relative}.dash-grid .react-grid-item{transition:box-shadow .15s,border-color .15s}.dash-grid .react-grid-item.react-grid-placeholder{background:#4f8cff2e!important;border:1px dashed var(--accent)!important;border-radius:var(--radius)!important;opacity:1!important}.dash-grid .react-grid-item>.react-resizable-handle{display:none}.dash-grid.editing .react-grid-item>.react-resizable-handle{display:block;background-image:none;padding:0;width:18px;height:18px;right:4px;bottom:4px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);border-bottom-right-radius:4px;opacity:.65;cursor:se-resize}.dash-grid.editing .react-grid-item>.react-resizable-handle:hover{opacity:1}.dash-item{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column}.dash-item>.panel{flex:1;height:100%;min-height:0;display:flex;flex-direction:column}.dash-item>.panel>.panel-body{flex:1;min-height:0;overflow:auto}.dash-item>.kpi-strip-compact{flex:1;min-height:0}.dash-grid.editing .dash-item{border:1px dashed var(--accent-dim);border-radius:var(--radius)}.dash-grid.editing .dash-item:hover{border-color:var(--accent)}.dash-grid.editing .dash-item:before{content:"⋮⋮";position:absolute;top:6px;right:30px;font-size:11px;letter-spacing:-1px;color:var(--text-faint);pointer-events:none}.dash-handle{position:absolute;top:0;left:0;right:0;height:40px;z-index:2;pointer-events:none}.dash-grid.editing .dash-handle{pointer-events:auto;cursor:grab}.dash-grid.editing .dash-handle:active{cursor:grabbing}.tnode-flag{display:inline-block;line-height:1;font-size:16px;vertical-align:-1px}.tnode-state-code{display:inline-block;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:4px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);margin-right:2px}.tnode-flag svg{display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff14}.state-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 6px 2px 3px;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border);margin-right:2px}.state-pill svg{display:block;border-radius:2px}.state-pill-code{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--text-dim)}.login-code{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:20px;letter-spacing:8px;text-align:center;padding:12px}.login-back{display:inline-flex;align-items:center;gap:6px;margin:14px auto 0;padding:6px 10px;background:transparent;border:0;color:var(--text-faint);font-size:12px;cursor:pointer}.login-back:hover{color:var(--text-dim)}.state-code{display:inline-block;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);min-width:28px;text-align:center}.verbadge-semver{display:inline-block;margin-left:6px;font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-dim)}.verbadge-counter{color:var(--text-faint);font-weight:500;font-size:11px;margin-left:2px}.connectivity-modal{padding:0}.connectivity-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;border-bottom:1px solid var(--border);gap:16px}.connectivity-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.connectivity-title{margin:0;font-size:18px;font-weight:650}.connectivity-sub{color:var(--text-faint);font-size:12.5px;margin-top:2px}.connectivity-body{padding:4px 22px 22px;max-height:70vh;overflow-y:auto}.connectivity-section{margin-top:18px}.connectivity-section-head{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:600;margin-bottom:8px}.connectivity-section-body{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.connectivity-row{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;padding:9px 12px}.connectivity-row+.connectivity-row{border-top:1px solid var(--border)}.connectivity-row-label{color:var(--text-dim);font-size:12px}.connectivity-row-value{font-size:13px;word-break:break-all;line-height:1.4}.connectivity-row-value.mono{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:12px}.connectivity-row-value a{color:var(--accent)}.connectivity-row-value a:hover{text-decoration:underline}.connectivity-row-actions{display:inline-flex;gap:4px;flex:0 0 auto}.connectivity-svc{display:flex;gap:10px;align-items:center;padding:9px 12px}.connectivity-svc+.connectivity-svc{border-top:1px solid var(--border)}.connectivity-svc-main{flex:1;min-width:0}.connectivity-svc-name{font-weight:600;font-size:13px}.connectivity-svc-url{color:var(--text-faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;font-size:12px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.role-chip:hover{color:var(--text);border-color:var(--accent-dim)}.role-chip input[type=checkbox]{margin:0;accent-color:var(--accent)}.role-chip:has(input:checked){color:var(--text);background:var(--accent-dim);border-color:var(--accent)}.user-modal{padding:0;max-width:720px;width:92vw}.user-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.user-modal-eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--text-faint);font-weight:600}.user-modal-title{margin:4px 0 0;font-size:17px;font-weight:650}.user-modal-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px 16px;max-height:72vh;overflow-y:auto}.user-modal-section{border:1px solid var(--border);border-radius:8px;background:#ffffff04}.user-modal-section-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.user-modal-section-title{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600;color:var(--text);letter-spacing:.3px;text-transform:uppercase}.user-modal-section-body{padding:14px;position:relative}.user-modal-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px dashed var(--border);margin-top:6px;padding:14px 0 0}.info-trigger{display:inline-flex;gap:5px;align-items:center;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;cursor:pointer}.info-trigger:hover{color:var(--text);border-color:var(--accent-dim)}.role-popover{margin-top:12px;border:1px solid var(--accent-dim);border-radius:8px;background:var(--bg-elev-2, #14181f);box-shadow:0 10px 32px #00000073;overflow:hidden}.role-popover-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--text);text-transform:uppercase;background:#ffffff06}.role-popover-body{display:flex;flex-direction:column;gap:12px;padding:12px;max-height:320px;overflow-y:auto}.role-popover-card{border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:#ffffff04}.role-popover-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.role-popover-headline{font-size:12px;color:var(--text-dim);line-height:1.4}.role-popover-list{margin:6px 0 0;padding-left:20px;font-size:12px;color:var(--text-dim);line-height:1.55}.role-popover-list-yes li::marker{color:#5ed98b}.role-popover-list-no li{color:var(--text-faint)}.role-popover-list-no li::marker{color:#ff7676;content:"✗ "}.role-popover-list-no{list-style:none;padding-left:4px}.role-popover-list-no li{position:relative;padding-left:16px}.role-popover-list-no li:before{content:"✗";position:absolute;left:0;color:#ff7676}.role-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.8px}.role-pill-ops{background:#7d5fff2e;color:#b3a1ff;border:1px solid rgba(125,95,255,.4)}.role-pill-manager{background:#5ed98b26;color:#7ee2a4;border:1px solid rgba(94,217,139,.4)}.role-pill-supervisor{background:#ffc45726;color:#ffd28a;border:1px solid rgba(255,196,87,.4)}.role-pill-associate{background:#8ca0be24;color:#b5c4dc;border:1px solid rgba(140,160,190,.35)}.role-popover-overlay{z-index:110;background:#0000008c}.role-popover-modal{padding:0;max-width:640px;width:92vw}.offline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}@media(max-width:720px){.offline-grid{grid-template-columns:1fr}}.offline-tile{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .15s,background .15s}.offline-tile:hover{border-color:var(--accent-dim)}.offline-tile.open{border-color:var(--accent);background:#408cff0f}.offline-tile-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#ffffff0a}.offline-tile-main{flex:1;min-width:0}.offline-tile-count{font-size:22px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.offline-tile-label{font-size:11px;color:var(--text-dim);letter-spacing:.3px}.offline-tile-label .dim{color:var(--text-faint);margin-left:2px}.offline-tile-chev{color:var(--text-faint)}.offline-tile-ok .offline-tile-count{color:var(--ok)}.offline-tile-ok .offline-tile-ico{background:#5ed98b1f;color:#7ee2a4}.offline-tile-warn .offline-tile-count{color:var(--warn)}.offline-tile-warn .offline-tile-ico{background:#ffc45724;color:#ffd28a}.offline-tile-crit .offline-tile-count{color:var(--crit)}.offline-tile-crit .offline-tile-ico{background:#ff6b6b24;color:#ff9b9b}.offline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.offline-list-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;border:1px solid var(--border-soft);color:inherit;text-decoration:none}.offline-list-row:hover{border-color:var(--accent-dim);background:#ffffff05}.offline-list-main{flex:1;min-width:0}.offline-list-primary{font-size:13px;font-weight:600}.offline-list-secondary{font-size:11px;color:var(--text-dim);margin-top:1px}.offline-empty{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:6px;background:#5ed98b0f;border:1px solid rgba(94,217,139,.25);color:var(--text-dim);font-size:12px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}.dl-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.dl-card-link{color:inherit;text-decoration:none;transition:border-color .15s}.dl-card-link:hover{border-color:var(--accent)}.dl-card-head{display:flex;gap:10px;align-items:center}.dl-card-title{font-weight:650;font-size:14px}.dl-card-sub{font-size:11px;color:var(--text-faint);margin-top:2px}.dl-card-body{font-size:12.5px;color:var(--text-dim);line-height:1.45}.dl-card-sha{font-size:11px;word-break:break-all}.copy-block{background:#0003;border:1px solid var(--border);border-radius:6px;overflow:hidden}.copy-block-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;color:var(--text-faint);background:#ffffff05;border-bottom:1px solid var(--border)}.copy-block-body{margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text);white-space:pre-wrap;word-break:break-word}