:root{--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--accent: #2563eb;--accent-press: #1d4ed8;--accent-soft: color-mix(in oklab, var(--accent) 12%, white);--accent-softer: color-mix(in oklab, var(--accent) 6%, white);--aws: #e08a3c;--azure: #2f9bd4;--oci: #c74634;--ok: #2f9e5f;--warn: #d98a16;--danger: #d8503a;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--ease: cubic-bezier(.22,.61,.36,1);--row-h: 44px;--pad-card: 22px;--gap: 20px}:root,[data-theme=light]{--bg: oklch(.985 .003 247);--bg-2: oklch(.967 .004 247);--surface: #ffffff;--surface-2: oklch(.985 .003 247);--surface-inset: oklch(.972 .004 247);--border: oklch(.915 .005 247);--border-strong: oklch(.86 .006 247);--text: oklch(.255 .013 257);--text-2: oklch(.475 .012 257);--text-3: oklch(.62 .011 257);--shadow-sm: 0 1px 2px oklch(.4 .03 257 / .06), 0 1px 1px oklch(.4 .03 257 / .04);--shadow-md: 0 4px 12px oklch(.4 .03 257 / .07), 0 1px 3px oklch(.4 .03 257 / .05);--shadow-lg: 0 14px 44px oklch(.35 .03 257 / .14), 0 4px 12px oklch(.4 .03 257 / .07);--track: oklch(.93 .005 247)}[data-theme=dark]{--bg: oklch(.185 .012 257);--bg-2: oklch(.165 .012 257);--surface: oklch(.224 .013 257);--surface-2: oklch(.246 .014 257);--surface-inset: oklch(.205 .012 257);--border: oklch(.31 .013 257);--border-strong: oklch(.38 .014 257);--text: oklch(.965 .004 247);--text-2: oklch(.74 .012 257);--text-3: oklch(.6 .012 257);--accent-soft: color-mix(in oklab, var(--accent) 24%, oklch(.224 .013 257));--accent-softer: color-mix(in oklab, var(--accent) 14%, oklch(.224 .013 257));--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 6px 16px oklch(0 0 0 / .36), 0 1px 3px oklch(0 0 0 / .3);--shadow-lg: 0 18px 50px oklch(0 0 0 / .52), 0 6px 16px oklch(0 0 0 / .4);--track: oklch(.3 .012 257)}[data-density=compact]{--row-h: 38px;--pad-card: 16px;--gap: 14px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45}#root{height:100%}::selection{background:color-mix(in oklab,var(--accent) 26%,transparent)}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--text-3)}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:256px 1fr;height:100%;overflow:hidden}.app.nav-collapsed{grid-template-columns:72px 1fr}.side{background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;position:relative;z-index:5}.side-head{display:flex;align-items:center;gap:11px;padding:18px 18px 14px;height:64px}.brand-mark{width:30px;height:30px;border-radius:9px;flex:none;background:linear-gradient(155deg,var(--accent),color-mix(in oklab,var(--accent) 55%,#7c3aed));position:relative;box-shadow:var(--shadow-sm),inset 0 1px #ffffff40}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50%;background:#ffffffeb}.brand-mark:before{width:8px;height:8px;left:7px;top:13px}.brand-mark:after{width:13px;height:13px;left:12px;top:8px;box-shadow:-7px 4px 0 -2px #ffffffeb}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-3);letter-spacing:.02em;margin-top:-2px}.nav-collapsed .brand-name,.nav-collapsed .brand-sub,.nav-collapsed .nav-label,.nav-collapsed .nav-section-label,.nav-collapsed .soon-badge,.nav-collapsed .side-user-meta{display:none}.side-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 12px 12px}.nav-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);font-weight:600;padding:16px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--r-sm);color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background .13s var(--ease),color .13s var(--ease);white-space:nowrap}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}[data-theme=dark] .nav-item.active{color:color-mix(in oklab,var(--accent) 35%,white)}.nav-item.active .nav-ico{color:var(--accent)}.nav-item.disabled{opacity:.55;cursor:default}.nav-item.disabled:hover{background:transparent;color:var(--text-2)}.nav-ico{width:18px;height:18px;flex:none;color:var(--text-3)}.nav-item.active .nav-ico,.nav-item:hover .nav-ico{color:currentColor}.nav-count{margin-left:auto;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-2);padding:1px 7px;border-radius:99px;border:1px solid var(--border)}.nav-item.active .nav-count{background:color-mix(in oklab,var(--accent) 18%,transparent);border-color:transparent;color:var(--accent)}.nav-count.alert{background:color-mix(in oklab,var(--danger) 16%,transparent);color:var(--danger);border-color:transparent}.soon-badge{margin-left:auto;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border);padding:1px 6px;border-radius:5px}.module-row{display:flex;gap:6px;padding:4px 4px 2px}.module-pill{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;color:var(--text-3);font-size:11px;font-weight:600;transition:all .13s var(--ease)}.module-pill .nav-ico{width:17px;height:17px}.module-pill:hover{background:var(--surface-2);color:var(--text-2)}.module-pill.active{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.module-pill.active .nav-ico{color:var(--accent)}.module-pill.soon{cursor:default}.module-pill.soon:hover{background:transparent;color:var(--text-3)}.nav-collapsed .module-row{flex-direction:column}.nav-collapsed .module-pill span:last-child{display:none}.side-foot{border-top:1px solid var(--border);padding:10px 12px}.side-user{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-sm);cursor:pointer}.side-user:hover{background:var(--surface-2)}.avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff;background:linear-gradient(150deg,#6366f1,#8b5cf6)}.side-user-meta{min-width:0}.side-user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-role{font-size:11px;color:var(--text-3)}.main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.topbar{height:64px;flex:none;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);position:relative;z-index:4}.topbar-title{font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.topbar-crumb{color:var(--text-3);font-weight:500;white-space:nowrap}.topbar-spacer{flex:1;min-width:0}.icon-btn{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:all .13s var(--ease);flex:none}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.icon-btn svg{width:17px;height:17px}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .13s var(--ease);white-space:nowrap}.btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn svg{width:15px;height:15px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn.sm{height:29px;padding:0 10px;font-size:12px}.btn.danger{color:var(--danger)}.btn.danger:hover{background:color-mix(in oklab,var(--danger) 10%,transparent);border-color:color-mix(in oklab,var(--danger) 40%,transparent)}.btn:disabled{opacity:.5;cursor:default}.seg{display:inline-flex;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;gap:2px}.seg button{border:none;background:transparent;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--text-2);padding:5px 11px;border-radius:5px;cursor:pointer;transition:all .12s var(--ease);white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=dark] .seg button.on{background:var(--surface-2)}.select{height:34px;padding:0 30px 0 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.select:hover{border-color:var(--border-strong)}.select:focus{outline:2px solid var(--accent-soft);outline-offset:-1px;border-color:var(--accent)}.search{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-3);min-width:220px}.search svg{width:15px;height:15px;flex:none}.search input{border:none;background:transparent;font-family:inherit;font-size:13px;color:var(--text);flex:1;outline:none}.search input::placeholder{color:var(--text-3)}.search kbd{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;background:var(--surface-inset)}.canvas{flex:1;min-height:0;overflow-y:auto}.canvas-inner{max-width:1320px;margin:0 auto;padding:24px 28px 64px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head>div:first-child{min-width:0}.page-h1{font-size:22px;font-weight:700;letter-spacing:-.025em;margin:0;white-space:nowrap}.page-sub{color:var(--text-2);font-size:13.5px;margin-top:3px}.page-head-actions{margin-left:auto;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--pad-card)}.card-head{display:flex;align-items:center;gap:10px;padding:16px var(--pad-card) 0;min-width:0}.card-head>div:first-child{min-width:0}.card-title{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.card-sub{font-size:12px;color:var(--text-3)}.card-head-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.grid{display:grid;gap:var(--gap)}.cols-12{grid-template-columns:repeat(12,1fr)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}.kpi-label{font-size:12px;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.kpi-foot{white-space:nowrap}.kpi-ico{width:15px;height:15px;color:var(--text-3)}.kpi-val{font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1}.kpi-val .cur{font-size:14px;font-weight:600;color:var(--text-3);margin-right:2px;letter-spacing:0}.kpi-foot{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3)}.kpi-spark{position:absolute;right:12px;bottom:12px;opacity:.9}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:12px}.delta svg{width:13px;height:13px}.delta.up{color:var(--danger)}.delta.down{color:var(--ok)}.delta.flat{color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid transparent;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%}.badge.ok{background:color-mix(in oklab,var(--ok) 13%,transparent);color:var(--ok)}.badge.warn{background:color-mix(in oklab,var(--warn) 15%,transparent);color:var(--warn)}.badge.danger{background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger)}.badge.neutral{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.badge.accent{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .badge.ok{color:color-mix(in oklab,var(--ok) 55%,white)}[data-theme=dark] .badge.warn{color:color-mix(in oklab,var(--warn) 55%,white)}[data-theme=dark] .badge.danger{color:color-mix(in oklab,var(--danger) 55%,white)}.pchip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 9px 2px 7px;border-radius:6px;white-space:nowrap;border:1px solid var(--border)}.pchip .sq{width:9px;height:9px;border-radius:3px;flex:none}.pchip.bare{border:none;padding:0}.pchip.solid{color:#fff;border:none}.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;padding:0 14px 10px;box-shadow:inset 0 -1px 0 var(--border);white-space:nowrap}.tbl th.num,.tbl td.num{text-align:right}.tbl td{padding:0 14px;height:var(--row-h);border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.tbl tbody tr{transition:background .1s var(--ease)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr:last-child td{border-bottom:none}.tbl .strong{font-weight:600}.tbl .money{font-variant-numeric:tabular-nums;font-weight:600}.muted,.tbl .muted{color:var(--text-3)}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.th-sort:hover{color:var(--text-2)}.th-sort svg{width:12px;height:12px;opacity:.5}.meter{height:6px;border-radius:99px;background:var(--track);overflow:hidden;position:relative}.meter>span{position:absolute;left:0;top:0;bottom:0;border-radius:99px;transition:width .5s var(--ease)}.meter-row{display:flex;align-items:center;gap:9px}.meter-row .meter{flex:1;min-width:60px}.meter-pct{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-2);width:36px;text-align:right}.mixbar{display:flex;height:7px;border-radius:99px;overflow:hidden;gap:1.5px;background:transparent}.mixbar>span{display:block}.spark{display:inline-block;vertical-align:middle}.banner{display:flex;align-items:flex-start;gap:13px;padding:13px 16px;border-radius:var(--r-md);border:1px solid color-mix(in oklab,var(--warn) 40%,var(--border));background:color-mix(in oklab,var(--warn) 9%,var(--surface));margin-bottom:20px}.banner.warn{border-color:color-mix(in oklab,var(--warn) 40%,var(--border));background:color-mix(in oklab,var(--warn) 9%,var(--surface))}.banner.danger{border-color:color-mix(in oklab,var(--danger) 42%,var(--border));background:color-mix(in oklab,var(--danger) 8%,var(--surface))}.banner.ok{border-color:color-mix(in oklab,var(--ok) 40%,var(--border));background:color-mix(in oklab,var(--ok) 9%,var(--surface))}.banner.ok .banner-ico{color:var(--ok)}.banner.info{border-color:color-mix(in oklab,var(--accent) 35%,var(--border));background:color-mix(in oklab,var(--accent) 8%,var(--surface))}.banner.info .banner-ico{color:var(--accent)}.banner-ico{width:19px;height:19px;flex:none;margin-top:1px;color:var(--warn)}.banner.danger .banner-ico{color:var(--danger)}.banner-body{flex:1;min-width:0}.banner-title{font-weight:700;font-size:13.5px}.banner-text{font-size:12.5px;color:var(--text-2);margin-top:2px}.banner-text .mono{font-size:11.5px}.banner-actions{display:flex;gap:8px;align-items:center;flex:none}.charttip{position:fixed;z-index:60;pointer-events:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:9px 11px;font-size:12px;min-width:150px;transition:opacity .1s}.charttip-date{font-size:11px;color:var(--text-3);margin-bottom:6px;font-weight:600}.charttip-row{display:flex;align-items:center;gap:7px;margin:3px 0}.charttip-row .sq{width:8px;height:8px;border-radius:2px;flex:none}.charttip-row .nm{color:var(--text-2);flex:1}.charttip-row .vl{font-variant-numeric:tabular-nums;font-weight:600}.charttip-total{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--border);font-weight:700}.legend{display:flex;flex-wrap:wrap;gap:12px 16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);cursor:default}.legend-item .sq{width:9px;height:9px;border-radius:3px}.legend-item .vl{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}.donut-wrap{position:relative;display:grid;place-items:center}.donut-center{position:absolute;text-align:center}.donut-center .big{font-size:21px;font-weight:700;letter-spacing:-.02em}.donut-center .lbl{font-size:11px;color:var(--text-3)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10161f73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:flex;flex-direction:column;align-items:center;padding:48px 24px 40px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;height:fit-content;max-height:calc(100vh - 96px);overflow:hidden;display:flex;flex-direction:column;animation:pop .18s var(--ease) both}.modal.wide{max-width:680px}.modal-head{display:flex;align-items:center;gap:12px;padding:20px 22px 14px}.modal-title{font-size:16px;font-weight:700;letter-spacing:-.02em}.modal-body{flex:1 1 auto;min-height:0;padding:4px 22px 8px;overflow-y:auto}.modal-foot{flex-shrink:0;display:flex;gap:9px;justify-content:flex-end;padding:16px 22px 20px;border-top:1px solid var(--border);margin-top:8px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.99)}to{transform:none}}@media (prefers-reduced-motion: reduce){.modal{animation:none}}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--text-2)}.field .hint{font-size:11.5px;color:var(--text-3);margin-top:5px}.input,textarea.input{width:100%;height:38px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-inset);color:var(--text);font-family:inherit;font-size:13.5px;outline:none;transition:border .12s,box-shadow .12s}textarea.input{height:auto;padding:9px 12px;resize:vertical}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.radio-cards{display:grid;gap:8px}.radio-card{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .12s var(--ease)}.radio-card:hover{border-color:var(--border-strong)}.radio-card.on{border-color:var(--accent);background:var(--accent-softer)}.radio-card .rc-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);margin-top:1px;flex:none;transition:all .12s}.radio-card.on .rc-dot{border-color:var(--accent);border-width:5px}.radio-card .rc-title{font-size:13px;font-weight:600}.radio-card .rc-desc{font-size:11.5px;color:var(--text-3);margin-top:2px}.chk{width:17px;height:17px;border-radius:5px;border:1.6px solid var(--border-strong);display:grid;place-items:center;cursor:pointer;flex:none;transition:all .12s;background:var(--surface)}.chk.on{background:var(--accent);border-color:var(--accent)}.chk svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .1s}.chk.on svg{opacity:1}.chk.partial{background:var(--accent);border-color:var(--accent)}.chk.partial svg{opacity:1}.switch{width:38px;height:22px;border-radius:99px;background:var(--track);padding:2px;cursor:pointer;transition:background .15s;flex:none}.switch.on{background:var(--accent)}.switch .knob{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease)}.switch.on .knob{transform:translate(16px)}.empty{text-align:center;padding:40px 20px;color:var(--text-3)}.empty svg{width:32px;height:32px;opacity:.5;margin-bottom:10px}.hr{height:1px;background:var(--border);border:none;margin:0}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-family:var(--font-mono);padding:1px 7px;border-radius:5px;background:var(--surface-inset);border:1px solid var(--border);color:var(--text-2)}.conn-card{padding:18px;display:flex;flex-direction:column;gap:14px}.conn-top{display:flex;align-items:center;gap:12px}.conn-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;flex:none;letter-spacing:-.02em}.conn-name{font-size:14.5px;font-weight:700}.conn-meta{font-size:11.5px;color:var(--text-3)}.conn-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conn-stat .v{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.conn-stat .k{font-size:11px;color:var(--text-3)}.conn-subs{border-top:1px solid var(--border);padding:8px 0 0;margin-top:4px}.conn-subs-label{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.conn-sub-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12.5px}.conn-sub-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row{display:flex;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}@media (max-width: 1180px){.span-2,.span-3,.span-4{grid-column:span 6}.span-5,.span-7,.span-8,.span-9,.span-6{grid-column:span 12}}@media (max-width: 860px){.app{grid-template-columns:1fr}.side{display:none}.span-2,.span-3{grid-column:span 12}.topbar .search{display:none}.topbar{padding:0 14px;gap:8px}.page-head-actions .search{flex:1;min-width:160px}.page-head-actions .search input{min-width:0}}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-wrap>.tbl{min-width:680px}.rowmenu-anchor{position:relative;display:inline-block}.side-foot .rowmenu-anchor{display:block}.tbl thead th{position:sticky;top:0;z-index:3;background:var(--surface);padding-top:10px}.unassigned-sticky-head{position:sticky;top:0;z-index:20;background:var(--bg);margin:-24px -28px 0;padding:24px 28px 12px}.unassigned-sticky-head.scrolled{box-shadow:0 2px 8px #00000012}.unassigned-search-row{display:flex;gap:8px;align-items:center;margin-bottom:16px}.unassigned-search-input{width:100%;padding-left:30px;padding-right:28px;height:36px;font-size:13px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);outline:none}.unassigned-search-input:focus{border-color:var(--accent)}@media (max-width: 860px){.canvas-inner{padding:16px 14px 48px}.page-head{margin-bottom:12px}.page-head-actions{margin-left:0;width:100%}.unassigned-search-input{font-size:16px}.unassigned-sticky-head{margin:-16px -14px 0;padding:16px 14px 12px}}.screen-fade{animation:screenIn .28s var(--ease) both}@keyframes screenIn{0%{transform:translateY(7px)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.skeleton{animation:pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.screen-fade,.skeleton{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}