@font-face{font-family:Tactic Sans Extended;src:url(/fonts/tactic-sans/TacticSansExtExd-Blk.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoRegular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoMedium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Mono;src:url(/fonts/sf-mono/SFMonoBold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--red-50:oklch(96% .02 24.4);--red-100:oklch(92% .05 24.4);--red-300:oklch(76% .16 24.4);--red-400:oklch(69% .2 24.4);--red-500:#ef3340;--red-600:oklch(55% .21 24.4);--red-700:oklch(46% .18 24.4);--red-800:oklch(36% .14 24.4);--red-900:oklch(26% .1 24.4);--neutral-0:#fff;--neutral-50:oklch(97% .006 60);--neutral-100:oklch(93% .01 60);--neutral-200:oklch(86% .015 60);--neutral-300:oklch(75% .015 60);--neutral-400:oklch(58% .012 60);--neutral-500:oklch(43% .01 60);--neutral-600:oklch(31% .008 60);--neutral-700:oklch(22% .006 60);--neutral-800:oklch(16% .005 60);--neutral-900:oklch(10% .004 60);--neutral-950:#000;--success-400:oklch(72% .18 155);--success-500:#12b76a;--success-900:oklch(30% .08 155);--warning-400:oklch(77% .16 75);--warning-500:#f79009;--warning-900:oklch(34% .09 45);--error-400:oklch(69% .18 28);--error-500:#e04438;--error-900:oklch(26% .09 28);--info-500:oklch(60% .19 245);--purple-500:oklch(44% .23 300);--track-400:oklch(64% .2 145);--telemetry-300:oklch(77% .12 215);--telemetry-400:oklch(67% .13 215);--telemetry-500:oklch(57% .13 215);--telemetry-700:oklch(38% .09 215);--telemetry-900:oklch(23% .05 215);--bg:var(--neutral-900);--surface:var(--neutral-800);--surface-raised:var(--neutral-700);--surface-deep:var(--neutral-950);--border:var(--neutral-700);--border-subtle:#fff1;--fg:var(--neutral-0);--fg-muted:var(--neutral-300);--fg-subtle:var(--neutral-400);--brand:var(--red-500);--brand-hover:var(--red-400);--brand-pressed:var(--red-600);--font-display:"Tactic Sans Extended", "Tactic Sans", "Barlow Condensed", sans-serif;--font-sans:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--font-mono:var(--font-sans);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 0 0 1px #ffffff0a inset, 0 2px 4px #000000d9;--shadow-md:0 0 0 1px #ffffff0d inset, 0 1px 0 #ffffff14 inset, 0 10px 20px -4px #000000f2;--shadow-lg:0 0 0 1px #ffffff0f inset, 0 28px 48px -10px #000, 0 12px 24px -6px #000000e6;--shadow-brand:0 0 0 1px #ef334038 inset, 0 -16px 34px -24px #ef3340bf inset, 0 10px 24px -12px #000;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}[data-theme=light]{--bg:var(--neutral-50);--surface:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-deep:var(--neutral-100);--border:var(--neutral-200);--border-subtle:#5f544829;--fg:var(--neutral-900);--fg-muted:var(--neutral-600);--fg-subtle:var(--neutral-500)}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid color-mix(in oklch, var(--brand) 75%, transparent);outline-offset:2px}::selection{background:color-mix(in oklch, var(--brand) 45%, transparent);color:var(--fg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-deep)}::-webkit-scrollbar-thumb{background:var(--neutral-600);border:2px solid var(--surface-deep);border-radius:var(--radius-full)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--brand);font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:11px;font-weight:900;line-height:1.3}h1{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;margin:3px 0 0;font-size:30px;font-weight:900;line-height:1.1}h2{font-family:var(--font-mono);margin:0;font-size:18px;font-weight:500;line-height:1.3}code{font-family:var(--font-mono);font-size:.88em}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:40px;padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:1px solid #0000;font-weight:500;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.42}.button.primary{background:var(--brand);color:var(--neutral-0)}.button.primary:hover:not(:disabled){background:var(--brand-hover)}.button.neutral{border-color:var(--border);color:var(--fg);background:0 0}.button.neutral:hover:not(:disabled),.icon-button:hover,.row-action:hover{background:color-mix(in oklch, var(--neutral-0) 6%, transparent)}.button.destructive{border-color:var(--error-500);color:var(--error-400);background:0 0}.button.destructive:hover:not(:disabled){background:color-mix(in oklch, var(--error-900) 64%, transparent);color:var(--neutral-0)}.icon-button,.row-action{border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.row-action{border-color:#0000;width:32px;height:32px}.auth-stage{min-height:100vh;padding:var(--space-6);background:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px), var(--bg);background-size:64px 64px;place-items:center;display:grid}.auth-stage>p{color:var(--fg-muted)}.auth-panel{background:var(--surface);border:1px solid var(--border);border-top-color:color-mix(in oklch, var(--brand) 48%, var(--border));border-radius:var(--radius-lg);width:min(100%,440px);padding:var(--space-8);box-shadow:var(--shadow-lg)}.auth-brand{margin-bottom:var(--space-12);color:var(--telemetry-300);justify-content:space-between;align-items:center;display:flex}.auth-brand img{width:152px;height:auto}.auth-mark,.modal-icon{width:48px;height:48px;margin-bottom:var(--space-8);background:color-mix(in oklch, var(--warning-900) 52%, transparent);border:1px solid color-mix(in oklch, var(--warning-500) 42%, var(--border));border-radius:var(--radius-md);color:var(--warning-400);place-items:center;display:grid}.auth-panel h1{font-size:38px}.auth-copy{margin:var(--space-4) 0 var(--space-8);color:var(--fg-muted)}.auth-copy code{margin-left:var(--space-1);color:var(--telemetry-300)}.auth-form{gap:var(--space-4);display:grid}.auth-form label,.confirm-modal label{gap:var(--space-2);color:var(--fg-muted);font-size:12px;font-weight:500;display:grid}.auth-form input,.confirm-modal input{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);color:var(--fg)}.auth-form input:focus,.confirm-modal input:focus{border-color:var(--brand)}.form-error{color:var(--error-400);margin:0;font-size:12px}.auth-footnote{margin:var(--space-6) 0 0;color:var(--fg-subtle);font-size:11px}.auth-loader{border:2px solid var(--border);border-top-color:var(--brand);border-radius:var(--radius-full);width:30px;height:30px;animation:.72s linear infinite spin}.app-shell{min-height:100vh}.app-header{justify-content:space-between;align-items:center;gap:var(--space-6);z-index:20;background:color-mix(in oklch, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);min-height:76px;padding:var(--space-3) clamp(var(--space-4), 3vw, var(--space-8));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:sticky;top:0}.header-brand,.header-actions{align-items:center;display:flex}.header-brand{gap:var(--space-5)}.header-brand img{width:124px;height:auto}.header-rule{background:var(--border);width:1px;height:36px}.header-brand h1{font-size:23px}.header-brand .eyebrow{font-size:9px}.header-actions{gap:var(--space-2)}.connection-chip,.role-chip,.topic-kind,.neutral-chip,.warning-chip{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;width:max-content;font-size:11px;font-weight:500;display:inline-flex}.connection-chip{min-height:34px;padding:var(--space-2) var(--space-3);background:color-mix(in oklch, var(--neutral-0) 5%, transparent);border:1px solid var(--border);color:var(--fg-muted)}.connection-chip.connected{background:color-mix(in oklch, var(--success-900) 62%, transparent);border-color:color-mix(in oklch, var(--success-500) 42%, var(--border));color:var(--success-400)}.connection-chip.reconnecting,.connection-chip.connecting{color:var(--warning-400)}.connection-chip.error{color:var(--error-400)}.user-block{margin:0 var(--space-2) 0 var(--space-3);text-align:right;gap:1px;display:grid}.user-block span{font-size:12px;font-weight:500}.user-block small{color:var(--fg-subtle);font-size:10px}.dashboard-main{width:min(100%,1800px);padding:clamp(var(--space-4), 2.3vw, var(--space-8));margin:0 auto}.kpi-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.kpi-cell{min-width:0;min-height:130px;padding:var(--space-5);border-right:1px solid var(--border-subtle);position:relative}.kpi-cell:last-child{border-right:0}.kpi-cell.live:before{content:"";background:var(--brand);width:2px;position:absolute;inset:0 auto 0 0}.kpi-label{align-items:center;gap:var(--space-2);color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500;display:flex}.kpi-value{margin-top:var(--space-3);color:var(--fg);letter-spacing:-.055em;font-size:clamp(25px,3vw,39px);font-weight:500;line-height:1}.kpi-value small{margin-left:var(--space-2);color:var(--fg-subtle);letter-spacing:0;font-size:12px}.kpi-cell p{margin:var(--space-3) 0 0;color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.kpi-cell.telemetry .kpi-value,.kpi-cell.telemetry .kpi-label svg{color:var(--telemetry-300)}.kpi-cell.warning .kpi-value,.kpi-cell.warning .kpi-label svg{color:var(--warning-400)}.signal-panel{margin-top:var(--space-4);background:var(--surface-deep);border:1px solid var(--border);border-top-color:color-mix(in oklch, var(--telemetry-500) 46%, var(--border));border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-3);box-shadow:var(--shadow-brand)}.signal-heading,.signal-foot,.signal-legend{justify-content:space-between;align-items:center;display:flex}.signal-heading h2{margin-top:4px}.signal-legend{gap:var(--space-4);color:var(--fg-subtle);font-size:10px}.signal-legend span{align-items:center;gap:6px;display:inline-flex}.signal-legend i{border-radius:var(--radius-sm);width:8px;height:8px;display:inline-block}.legend-ping{background:var(--telemetry-400)}.legend-other{background:var(--purple-500)}.signal-bars{height:110px;margin-top:var(--space-4);background:linear-gradient(to bottom, transparent 24%, var(--border-subtle) 25%, transparent 26%), linear-gradient(to bottom, transparent 49%, var(--border-subtle) 50%, transparent 51%), linear-gradient(to bottom, transparent 74%, var(--border-subtle) 75%, transparent 76%);grid-template-columns:repeat(60,minmax(1px,1fr));align-items:end;gap:2px;display:grid}.signal-bar{width:100%;height:100%;display:block;position:relative}.signal-bar i{min-height:1px;transition:height var(--dur-base) var(--ease-out);border-radius:1px 1px 0 0;position:absolute;bottom:0}.bar-ping{background:var(--telemetry-400);width:62%;box-shadow:0 0 8px color-mix(in oklch, var(--telemetry-500) 34%, transparent);left:0}.bar-other{background:var(--purple-500);width:30%;right:0}.signal-cursor{background:var(--brand);width:1px;box-shadow:0 0 10px var(--brand);position:absolute;inset:0 -3px 0 auto}.signal-foot{margin-top:var(--space-2);color:var(--fg-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.data-section{margin-top:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.data-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:58px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);display:flex}.view-tabs{align-items:center;gap:2px;display:flex}.view-tabs button{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:40px;padding:var(--space-2) var(--space-3);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.view-tabs button:hover{background:color-mix(in oklch, var(--neutral-0) 4%, transparent);color:var(--fg)}.view-tabs button.active{background:color-mix(in oklch, var(--red-900) 55%, transparent);color:var(--fg);box-shadow:0 -2px 0 var(--brand) inset}.view-tabs button>span{border-radius:var(--radius-full);background:color-mix(in oklch, var(--neutral-0) 6%, transparent);min-width:20px;color:var(--fg-subtle);text-align:center;padding:1px 5px;font-size:9px}.search-field{align-items:center;gap:var(--space-2);background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);width:min(320px,34vw);min-height:40px;padding:0 var(--space-3);color:var(--fg-subtle);display:flex}.search-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in oklch, var(--brand) 18%, transparent)}.search-field input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:var(--fg-subtle)}.search-field button{border-radius:var(--radius-md);width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.session-note{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:34px;padding:var(--space-2) var(--space-4);background:color-mix(in oklch, var(--surface-deep) 55%, transparent);border-bottom:1px solid var(--border-subtle);color:var(--fg-subtle);font-size:10px;display:flex}.session-note span:first-child{align-items:center;gap:6px;display:flex}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1040px}th{height:38px;color:var(--fg-subtle);letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:500}th,td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}tbody tr{height:58px;transition:background-color var(--dur-fast) var(--ease-out)}tbody tr:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}tbody tr:last-child td{border-bottom:0}td{color:var(--fg-muted);font-size:12px}td strong{color:var(--fg);font-weight:500;display:block}.desktop-table td small{color:var(--fg-subtle);margin-top:2px;font-size:9px;display:block}td code{max-width:220px;color:var(--telemetry-300);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.status-label{white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:500;display:inline-flex}.status-label i{border-radius:var(--radius-full);background:var(--neutral-400);width:7px;height:7px;display:inline-block}.status-label.online{color:var(--success-400)}.status-label.online i{background:var(--success-500);box-shadow:0 0 8px color-mix(in oklch, var(--success-500) 58%, transparent)}.status-label.offline{color:var(--fg-subtle)}.role-chip,.topic-kind,.neutral-chip,.warning-chip{background:color-mix(in oklch, var(--neutral-0) 6%, transparent);min-height:24px;color:var(--fg-muted);padding:3px 9px}.role-chip.device{background:color-mix(in oklch, var(--success-900) 62%, transparent);color:var(--success-400)}.role-chip.viewer{background:color-mix(in oklch, var(--telemetry-900) 74%, transparent);color:var(--telemetry-300)}.role-chip.monitor{background:color-mix(in oklch, var(--red-900) 58%, transparent);color:var(--red-300)}.topic-kind{color:var(--telemetry-300);text-transform:uppercase}.warning-chip{background:color-mix(in oklch, var(--warning-900) 64%, transparent);color:var(--warning-400)}.inline-metric{align-items:center;gap:5px;display:inline-flex}.healthy{color:var(--success-400)}.warning{color:var(--warning-400)}.critical{color:var(--error-400)}.muted{color:var(--fg-subtle)}.payload-preview{max-width:320px;color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-list{display:none}.activity-list{display:grid}.activity-row{content-visibility:auto;contain-intrinsic-size:auto 66px;align-items:center;gap:var(--space-3);border:0;border-bottom:1px solid var(--border-subtle);width:100%;min-height:66px;padding:var(--space-3) var(--space-4);color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:40px minmax(0,1fr) auto;display:grid}.activity-row:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}.activity-icon{background:color-mix(in oklch, var(--neutral-0) 5%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:34px;height:34px;color:var(--fg-subtle);place-items:center;display:grid}.activity-row.publication .activity-icon{color:var(--telemetry-300)}.activity-row.error .activity-icon,.activity-row.action .activity-icon{color:var(--error-400)}.activity-row.connection .activity-icon{color:var(--success-400)}.activity-main{gap:2px;min-width:0;display:grid}.activity-main strong{color:var(--fg);font-size:12px;font-weight:500}.activity-main code,.activity-main small{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.activity-main code{color:var(--telemetry-300)}.activity-meta{gap:2px var(--space-2);color:var(--fg-subtle);text-align:right;grid-template-columns:auto 20px;align-items:center;font-size:10px;display:grid}.activity-meta small{grid-column:1}.activity-list .activity-row .activity-meta svg{grid-area:1/2/span 2}.empty-data{align-content:center;place-items:center;gap:var(--space-3);min-height:320px;padding:var(--space-8);color:var(--fg-subtle);text-align:center;display:grid}.empty-data h2,.empty-data p{margin:0}.drawer-layer,.modal-layer{z-index:80;overscroll-behavior:contain;position:fixed;inset:0}.drawer-backdrop,.modal-backdrop{background:color-mix(in oklch, var(--neutral-950) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;border:0;width:100%;height:100%;position:absolute;inset:0}.detail-drawer{background:var(--surface);border-left:1px solid var(--border);width:min(500px,92vw);height:100%;box-shadow:var(--shadow-lg);animation:drawer-in var(--dur-slow) var(--ease-standard);flex-direction:column;display:flex;position:absolute;top:0;right:0}.detail-drawer>header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:78px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex}.detail-drawer h2{text-overflow:ellipsis;white-space:nowrap;max-width:390px;margin-top:5px;overflow:hidden}.drawer-content{padding:var(--space-5);overflow-y:auto}.drawer-status{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.definition-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.definition-grid div{background:var(--surface-deep);min-width:0;min-height:72px;padding:var(--space-3)}.definition-grid dt{color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.definition-grid dd{margin:var(--space-2) 0 0;overflow-wrap:anywhere;color:var(--fg);font-size:12px}.raw-block,.subscription-list,.danger-zone{margin-top:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md)}.block-title{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--fg-muted);font-size:11px;display:flex}.block-title small{color:var(--fg-subtle);font-size:9px}.raw-block pre{background:var(--surface-deep);max-height:420px;padding:var(--space-4);color:var(--telemetry-300);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.65;overflow:auto}.subscription-list code{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--telemetry-300);overflow-wrap:anywhere;display:block}.subscription-list code:last-child{border-bottom:0}.subscription-list>p{padding:var(--space-4);color:var(--fg-subtle);margin:0}.danger-zone{gap:var(--space-3);border-color:color-mix(in oklch, var(--error-500) 36%, var(--border));padding:var(--space-4);display:grid}.danger-zone strong{color:var(--error-400)}.danger-zone p,.danger-zone small{color:var(--fg-subtle);margin:3px 0 0;font-size:10px}.danger-zone .button{width:max-content}.modal-layer{padding:var(--space-4);place-items:center;display:grid}.confirm-modal{background:var(--surface);border:1px solid color-mix(in oklch, var(--error-500) 42%, var(--border));border-radius:var(--radius-lg);width:min(100%,520px);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:modal-in var(--dur-base) var(--ease-out);position:relative}.confirm-modal .modal-icon{margin-bottom:var(--space-5);background:color-mix(in oklch, var(--error-900) 56%, transparent);border-color:color-mix(in oklch, var(--error-500) 42%, var(--border));color:var(--error-400)}.confirm-modal h2{margin-top:var(--space-2);font-size:22px}.confirm-modal>p:not(.eyebrow):not(.form-error){margin:var(--space-4) 0 var(--space-5);color:var(--fg-muted)}.confirm-modal label code{color:var(--telemetry-300);overflow-wrap:anywhere;font-size:10px;display:block}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.mobile-tabs{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1120px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-cell:nth-child(3){border-right:0}.kpi-cell:nth-child(-n+3){border-bottom:1px solid var(--border-subtle)}.kpi-cell:nth-child(4),.kpi-cell:nth-child(5){min-height:116px}.kpi-cell:nth-child(5){border-right:0}}@media (width<=820px){.app-header{align-items:flex-start}.header-brand img{width:104px}.header-brand h1{font-size:19px}.user-block{display:none}.view-tabs button{padding-inline:var(--space-2)}.view-tabs button>span{display:none}}@media (width<=720px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.app-header{min-height:68px;padding:var(--space-2) var(--space-3);align-items:center}.header-brand{gap:var(--space-3)}.header-brand img{width:92px}.header-rule,.header-brand .eyebrow{display:none}.header-brand h1{margin:0;font-size:17px}.header-actions{gap:4px}.connection-chip{justify-content:center;width:36px;min-width:36px;padding:0}.connection-chip span,.header-actions .icon-button:last-child{display:none}.dashboard-main{padding:var(--space-3)}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-cell,.kpi-cell:nth-child(4),.kpi-cell:nth-child(5){min-height:105px;padding:var(--space-4);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.kpi-cell:nth-child(2n){border-right:0}.kpi-cell:last-child{border-bottom:0;border-right:0;grid-column:1/-1;min-height:92px}.kpi-value{font-size:28px}.signal-panel{padding:var(--space-4) var(--space-3) var(--space-3)}.signal-heading h2{font-size:15px}.signal-legend{gap:var(--space-2);font-size:8px}.signal-bars{gap:1px;height:88px}.signal-foot span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.data-toolbar{min-height:auto;padding:var(--space-3)}.view-tabs{display:none}.search-field{width:100%}.session-note{padding:var(--space-2) var(--space-3);flex-direction:column;align-items:flex-start;gap:2px}.desktop-table{display:none}.mobile-list{display:grid}.mobile-card{gap:var(--space-3);border:0;border-bottom:1px solid var(--border-subtle);width:100%;padding:var(--space-4);color:var(--fg-muted);text-align:left;cursor:pointer;background:0 0;display:grid}.mobile-card:hover{background:color-mix(in oklch, var(--neutral-0) 3%, transparent)}.mobile-card>strong{color:var(--fg);font-size:15px;font-weight:500}.mobile-card>code,.topic-code{color:var(--telemetry-300);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-card>p{color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.mobile-card-head{justify-content:space-between;align-items:center;display:flex}.mobile-metrics{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-metrics span{min-width:0;color:var(--fg-subtle);letter-spacing:.04em;text-transform:uppercase;gap:3px;font-size:9px;display:grid}.mobile-metrics b{color:var(--fg-muted);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.activity-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:34px minmax(0,1fr) auto}.activity-icon{width:30px;height:30px}.activity-meta time{text-overflow:ellipsis;white-space:nowrap;max-width:62px;overflow:hidden}.mobile-tabs{min-height:calc(62px + env(safe-area-inset-bottom));z-index:40;background:color-mix(in oklch, var(--surface) 96%, transparent);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-tabs button{min-height:62px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.mobile-tabs button.active{color:var(--fg);box-shadow:0 2px 0 var(--brand) inset}.detail-drawer{border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:0;width:100%;height:min(88vh,760px);animation-name:drawer-up;inset:auto 0 0}.detail-drawer>header{min-height:70px}.drawer-content{padding:var(--space-4)}.definition-grid{grid-template-columns:1fr 1fr}.confirm-modal{padding:var(--space-5)}.modal-actions{grid-template-columns:1fr 1fr;display:grid}}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=420px){.header-brand img{width:84px}.header-brand h1{font-size:15px}.header-actions .icon-button:first-of-type{display:none}.kpi-label,.kpi-cell p{font-size:9px}.definition-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.auth-loader,.detail-drawer,.confirm-modal{animation:none}.signal-bar,.view-tabs button{transition:none}}