:root{--bg:#f5f4f1;--surface:#fff;--surface-2:#f2f0ec;--raised:#eae7e1;--border:#e6e1da;--border-2:#efece7;--accent:#e11d48;--accent-2:#f43f5e;--accent-dim:#be123c;--accent-soft:#fdeaee;--accent-glow:#e11d4829;--text:#1c1917;--muted:#797169;--dim:#a8a29b;--green:#16a34a;--green-soft:#e6f5ec;--amber:#c2770a;--amber-soft:#fbeed6;--red:#dc2626;--red-soft:#fbe7e6;--radius:15px;--radius-sm:10px;--shadow:0 1px 2px #1c19170d, 0 8px 24px #1c19170e;--shadow-sm:0 1px 2px #1c19170d, 0 2px 8px #1c19170a;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;--sans:-apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--tabbar-h:62px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d9d4cd padding-box content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c7c1b8 padding-box content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.titlebar{-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);z-index:40;background:#ffffffd1;align-items:center;gap:12px;height:56px;padding:0 18px;display:flex;position:sticky;top:0}.titlebar .brand{letter-spacing:-.03em;color:var(--text);font-size:17px;font-weight:800;font-family:var(--mono);flex:none}.titlebar .brand b{color:var(--accent)}.titlebar .crumb{display:none}.titlebar .bar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.titlebar .sync-stamp{white-space:nowrap;font-family:var(--mono);color:var(--dim);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:center;gap:7px;font-size:12px;transition:color .2s;display:inline-flex}.titlebar .sync-stamp .sdot{background:var(--dim);border-radius:50%;width:6px;height:6px;transition:background .2s}.titlebar .sync-stamp.live{color:var(--amber)}.titlebar .sync-stamp.live .sdot{background:var(--amber);animation:1.1s ease-in-out infinite cic-pulse}.titlebar .refresh{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform 80ms;display:inline-flex}.titlebar .refresh i{font-size:18px}.titlebar .refresh:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.titlebar .refresh:active{transform:scale(.94)}.titlebar .refresh:disabled{cursor:default;color:var(--accent);border-color:var(--border);background:var(--surface)}.titlebar .refresh.spinning i{animation:.7s linear infinite cic-spin}.titlebar .vr{background:var(--border);flex:none;width:1px;height:20px}.titlebar .exit{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;font:inherit;flex:none;align-items:center;gap:6px;padding:7px 12px;font-weight:500;transition:all .15s;display:inline-flex}.titlebar .exit:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}@keyframes cic-spin{to{transform:rotate(360deg)}}@keyframes cic-pulse{0%,to{opacity:1}50%{opacity:.25}}.shell{min-height:calc(100vh - 56px);display:flex}.sections{border-right:1px solid var(--border);background:0 0;flex-direction:column;flex:none;gap:14px;width:232px;height:calc(100vh - 56px);padding:16px 12px;display:flex;position:sticky;top:56px;overflow:auto}.navgroup{flex-direction:column;gap:2px;display:flex}.navgroup+.navgroup{border-top:1px solid var(--border-2);margin-top:6px;padding-top:10px}.navgroup .glabel{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:0 12px 6px;font-size:10.5px}.sec{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);font:inherit;text-align:left;border:1px solid #0000;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:14px;font-weight:550;transition:all .13s;display:flex}.sec i{text-align:center;width:18px;color:var(--dim);font-size:18px;transition:all .13s}.sec .cnt{font-family:var(--mono);color:var(--dim);margin-left:auto;font-size:12px;font-weight:600}.sec:hover{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.sec:hover i{color:var(--accent)}.sec.on{background:var(--accent-soft);color:var(--accent-dim);border-color:#f6cdd6;font-weight:650}.sec.on i,.sec.on .cnt{color:var(--accent)}.sidecard{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:10px;margin-top:auto;padding:11px 12px;display:flex}.sidecard .av{background:linear-gradient(135deg, var(--accent-2), var(--accent-dim));color:#fff;width:34px;height:34px;font-weight:800;font-family:var(--mono);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.sidecard .nm{color:var(--text);font-size:13px;font-weight:650}.sidecard .rl{color:var(--muted);font-size:11.5px}.tabbar,.sheet,.sheet-scrim{display:none}.main{flex-direction:column;flex:1;min-width:0;display:flex}.head{align-items:baseline;gap:12px;padding:22px 24px 6px;display:flex}.head h1{letter-spacing:-.03em;font-size:24px;font-weight:750}.head .cnt{color:var(--muted);font-size:13px;font-weight:500}.cmd{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 24px 12px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);align-items:center;gap:7px;padding:8px 13px;font-weight:550;transition:all .13s;display:inline-flex}.btn:hover{background:var(--surface);border-color:var(--dim);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.btn .g{color:var(--green);font-weight:700}.btn .r{color:var(--red);font-weight:700}.btn.primary{background:linear-gradient(135deg, var(--accent-2), var(--accent-dim));color:#fff;box-shadow:0 4px 14px var(--accent-glow);border-color:#0000}.btn.primary:hover{filter:brightness(1.06)}.cmd .sp{flex:1}.search{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);width:280px;font:inherit;color:var(--text);box-shadow:var(--shadow-sm);padding:9px 13px}.search::placeholder{color:var(--dim)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.filters{flex-wrap:wrap;gap:6px;padding:4px 24px 0;display:flex}.ft{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font:inherit;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:550;transition:all .13s}.ft:hover{color:var(--text);border-color:var(--dim)}.ft.on{background:var(--accent-soft);color:var(--accent-dim);border-color:#f6cdd6;font-weight:650}.ft .b{color:var(--dim);font-weight:700;font-family:var(--mono);margin-left:6px}.ft.on .b{color:var(--accent)}.body{flex:1;gap:16px;min-height:0;padding:12px 24px 24px;display:flex}.gridwrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex:1;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}thead th{background:var(--surface-2);border-bottom:1px solid var(--border);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;cursor:default;z-index:1;padding:11px 14px;font-size:11px;font-weight:650;position:sticky;top:0}thead th.r{text-align:right}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text)}tbody td{border-bottom:1px solid var(--border-2);color:var(--text);padding:11px 14px}tbody td.r{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}tbody tr:hover{background:#faf9f7}tbody tr.sel,tbody tr.sel:hover{background:var(--accent-soft)}tbody tr.clickable{cursor:pointer}tbody tr:last-child td{border-bottom:none}.empty{color:var(--dim);text-align:center;padding:26px 16px}.uid{color:var(--muted);font-family:var(--mono);font-size:12.5px}.chip{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:650;display:inline-block}.c-act{background:var(--green-soft);color:var(--green)}.c-ban{background:var(--red-soft);color:var(--red)}.c-exp{color:var(--muted);background:#efece7}.c-tri{background:var(--amber-soft);color:var(--amber)}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dot.off{background:#d4cec6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;box-shadow:var(--shadow);flex-direction:column;flex:none;align-self:flex-start;display:flex;position:sticky;top:68px;overflow:hidden}.card .ch{background:linear-gradient(160deg, var(--accent-soft), transparent 80%);border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:10px;padding:15px 16px;font-weight:650;display:flex}.card .av{background:linear-gradient(135deg, var(--accent-2), var(--accent-dim));color:#fff;width:36px;height:36px;font-weight:800;font-family:var(--mono);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.card .cardbody{flex:1;overflow:auto}.card .ch .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cardclose{border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;background:0 0;padding:5px 8px}.cardclose:hover{color:var(--accent);border-color:var(--accent)}.kv{border-bottom:1px solid var(--border-2);justify-content:space-between;gap:10px;padding:10px 16px;display:flex}.kv .k{color:var(--muted);font-size:13px}.kv .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.acts{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.acts .row2{gap:8px;display:flex}.acts .btn{flex:1;justify-content:center}.card .empty{color:var(--dim);text-align:center;padding:26px 16px}.foot{color:var(--muted);align-items:center;gap:16px;padding:10px 24px;font-size:12.5px;display:flex}.foot .sp{flex:1}.pg{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--text);box-shadow:var(--shadow-sm);padding:6px 11px}.pg:hover{border-color:var(--dim)}.pane{flex:1;padding:8px 24px 24px;overflow:auto}.pane .gridwrap{margin-left:0}.kpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding:10px 24px 24px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px 18px;transition:all .16s;display:flex;position:relative;overflow:hidden}.kpi:hover{box-shadow:var(--shadow);border-color:#dcd6cd;transform:translateY(-2px)}.kpi .lbl{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;font-weight:550;display:flex}.kpi .lbl i{color:var(--accent);font-size:16px}.kpi .big{font-family:var(--mono);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.kpi .sub{color:var(--dim);font-size:11.5px}.kpi .delta{font-size:11.5px;font-weight:650;font-family:var(--mono)}.kpi .delta.up{color:var(--green)}.kpi .delta.down{color:var(--red)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 0 14px;overflow:hidden}.panel>.ph{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);padding:14px 16px;font-weight:650}.panel>.pb{padding:16px}.bar{background:var(--surface-2);border:1px solid var(--border-2);vertical-align:middle;border-radius:999px;width:96px;height:8px;display:inline-block;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;display:block}.bar.warn>span{background:var(--amber)}.bar.crit>span{background:var(--red)}.barlabel{color:var(--muted);font-family:var(--mono);margin-left:8px;font-size:12.5px}.muted{color:var(--muted)}.charts{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;padding:8px 24px 24px;display:grid}.note{color:var(--muted);padding:12px 24px}.kpis.srv{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:4px 0 16px}.kpi .big .of{color:var(--dim);letter-spacing:0;margin-left:3px;font-size:15px;font-weight:600}.panel>.ph .phc{float:right;color:var(--dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}.nodegrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;min-width:0;display:grid}.ncard{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:12px 13px;transition:all .13s;display:flex}.ncard:hover{box-shadow:var(--shadow);border-color:#dcd6cd}.ncard.down{border-color:var(--red-soft);background:linear-gradient(180deg, var(--red-soft), transparent 60%)}.nc-top{align-items:center;gap:7px;min-width:0;display:flex}.nc-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:650;overflow:hidden}.nc-host{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin:-4px 0 2px;font-size:11.5px;overflow:hidden}.nc-stats{flex-wrap:wrap;gap:6px;display:flex}.nc-stat{color:var(--muted);background:var(--surface-2);border:1px solid var(--border-2);border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.nc-stat i{color:var(--accent);font-size:13px}.nc-meters{flex-direction:column;gap:5px;margin-top:1px;display:flex}.mm{grid-template-columns:30px 1fr 40px;align-items:center;gap:8px;display:grid}.mm-k{color:var(--dim);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px}.mm .bar{width:100%;height:6px}.mm-v{color:var(--muted);text-align:right;font-size:11px}.nc-exits{border-top:1px dashed var(--border);flex-wrap:wrap;gap:8px 10px;padding-top:6px;display:flex}.nc-exit{color:var(--muted);align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.nc-exit .dot{width:6px;height:6px;margin-right:1px}.gridcol{flex-direction:column;flex:1;min-width:0;display:flex}.burger,.scrim{display:none}.login{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:20px;display:flex}.login-brand{letter-spacing:-.04em;color:var(--text);font-size:40px;font-weight:800;font-family:var(--mono)}.login-brand b{color:var(--accent)}.login-sub{color:var(--muted);margin-top:-2px;font-size:15px}.login-widget{min-height:48px;margin-top:18px}.login-hint{color:var(--dim);margin-top:4px;font-size:11.5px}.ulink{color:var(--accent-dim);cursor:pointer;font-weight:650}.ulink:hover{text-decoration:underline}.tag{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-left:6px;padding:2px 9px;font-size:11px;display:inline-block}.tag.sm{margin-left:4px;padding:1px 7px;font-size:10px}.tag.on{cursor:pointer;background:var(--accent-soft);color:var(--accent-dim);border-color:#f6cdd6}.tag.add{cursor:pointer;border:1px dashed var(--dim);color:var(--muted);background:0 0;margin:0 4px 0 0;padding:3px 10px}.tag.add:hover{background:var(--surface-2);color:var(--text)}.cardtitle .uname{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pchip{background:var(--surface-2);border:1px solid var(--border);max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-top:3px;padding:2px 9px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.pchip.muted{color:var(--dim);background:0 0;border-style:dashed}.pchip .dot{margin-right:0}.kv .v .pchip{margin-top:0}.tagsedit{border-top:1px solid var(--border);margin-top:8px;padding:10px 0 2px}.tagsedit .chips{flex-wrap:wrap;gap:5px;margin:5px 0;display:flex}.tagsedit .muted{color:var(--dim);font-size:11.5px}.donut{align-items:center;gap:18px;display:flex}.donut .legend{flex-direction:column;gap:8px;font-size:13px;display:flex}.donut .legend .li{color:var(--muted);align-items:center;gap:8px;display:flex}.donut .legend .sw{border-radius:3px;width:10px;height:10px}@media (width<=900px){body{font-size:14.5px}.titlebar{gap:8px;padding:0 12px}.titlebar .exit .lbl-lg{display:none}.titlebar .crumb{min-width:0;color:var(--text);border-left:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin-left:2px;padding-left:10px;font-size:15px;font-weight:700;display:block;overflow:hidden}.titlebar .sync-stamp,.titlebar .vr{display:none}.titlebar .bar-right{gap:8px}.titlebar .refresh{width:40px;height:40px}.titlebar .exit{justify-content:center;width:40px;height:40px;padding:0}.shell{min-height:0;display:block}.sections{display:none}.main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 8px)}.tabbar{z-index:45;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--border);background:#ffffffeb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 2px 6px;font-size:11px;font-weight:600;transition:color .13s;display:flex;position:relative}.tab i{font-size:22px;line-height:1}.tab.on{color:var(--accent)}.tab.on:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:0}.sheet-scrim{z-index:46;opacity:0;pointer-events:none;background:#1c191766;transition:opacity .2s;display:block;position:fixed;inset:0}.sheet-scrim.open{opacity:1;pointer-events:auto}.sheet{z-index:47;background:var(--surface);padding:8px 12px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #1c19172e}.sheet.open{transform:translateY(0)}.sheet .grip{background:var(--raised);border-radius:3px;width:40px;height:4px;margin:6px auto 12px}.sheet .stitle{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:0 8px 8px;font-size:11px}.sheet-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet .sec{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:row;padding:14px}.sheet .sec.on{border-color:#f6cdd6}.body{flex-direction:column;padding:12px 14px}.hide-sm{display:none!important}.search{flex:130px;width:auto}.head{padding:16px 16px 6px}.head h1{font-size:21px}.cmd,.filters,.kpis,.charts,.pane,.note,.foot{padding-left:16px;padding-right:16px}.filters{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-top:6px;padding-bottom:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.filters::-webkit-scrollbar{display:none}.ft{scroll-snap-align:start;flex:none}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpis.srv{grid-template-columns:1fr 1fr;gap:10px;padding-left:0;padding-right:0}.nodegrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.ncard{padding:11px}.kpi{padding:14px 15px}.kpi .big{font-size:25px}.charts{grid-template-columns:1fr}.card{z-index:44;border-radius:18px 18px 0 0;width:auto;height:88vh;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:fixed;inset:auto 0 0;transform:translateY(100%)}.card.open{transform:translateY(0)}.cardclose{display:inline-flex}}@media (width<=560px){.hide-md{display:none!important}}@media (width<=640px){.btn,.ft,.pg{padding:10px 14px;font-size:14px}.cmd{gap:7px}.cmd .search{flex:100%;order:2}.search{padding:11px 14px}.gridwrap{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.gridwrap table,.gridwrap tbody,.gridwrap tr,.gridwrap td{width:auto;display:block}.gridwrap thead{display:none}.gridwrap tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.gridwrap tr:last-child{margin-bottom:0}.gridwrap tbody tr:hover{background:var(--surface)}.gridwrap tr.sel,.gridwrap tbody tr.sel:hover{background:var(--accent-soft);border-color:#f2b8c4}.gridwrap td{border:none;border-bottom:1px solid var(--border-2);text-align:right;white-space:normal;justify-content:space-between;align-items:center;gap:14px;padding:10px 15px;display:flex}.gridwrap td:last-child{border-bottom:none}.gridwrap td:before{content:attr(data-label);text-align:left;color:var(--muted);text-transform:none;letter-spacing:0;flex:none;font-size:12.5px;font-weight:550}.gridwrap td.cardtitle{text-align:left;background:linear-gradient(160deg, var(--accent-soft), transparent 85%);flex-wrap:wrap;justify-content:flex-start;gap:7px;padding:13px 15px;font-size:16px;font-weight:700}.gridwrap td.cardtitle:before{content:none}.gridwrap td.cardtitle .ulink{font-size:16px}.gridwrap td.empty{text-align:center;border-bottom:none;justify-content:center}.gridwrap td.empty:before,.gridwrap td.full:before{content:none}.gridwrap td.full{text-align:left;display:block}.gridwrap td .bar{width:100px}.gridwrap.compact{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.gridwrap.compact table,.gridwrap.compact tbody{display:block}.gridwrap.compact tr{border:0;border-bottom:1px solid var(--border-2);box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:9px;margin:0;padding:12px 14px;display:flex}.gridwrap.compact tr:last-child{border-bottom:0}.gridwrap.compact tbody tr:hover{background:#faf9f7}.gridwrap.compact tr.sel,.gridwrap.compact tbody tr.sel:hover{background:var(--accent-soft)}.gridwrap.compact td{white-space:nowrap;border:0;flex:none;padding:0;font-size:13.5px;display:block}.gridwrap.compact td:before{content:none}.gridwrap.compact td.cardtitle{background:0 0;flex:auto;min-width:0;padding:0;font-size:15px;font-weight:650;overflow:hidden}.gridwrap.compact td.cardtitle .ulink{font-size:15px}.gridwrap.compact td.cardtitle .pchip{margin-top:4px;font-size:10.5px}.gridwrap.compact td.empty{text-align:center;white-space:normal;flex:auto;padding:18px}}