*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-\[320px\]{max-width:320px}.max-w-\[480px\]{max-width:480px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.border{border-width:1px}.text-\[11px\]{font-size:11px}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--tx-pri\)\]{color:var(--tx-pri)}.underline{text-decoration-line:underline}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--bg: #0c0e10;--s0: #0e1114;--s1: #111518;--s2: #161b1f;--s3: #1b2126;--s4: #202830;--surface-0: var(--s0);--surface-1: var(--s1);--surface-2: var(--s2);--surface-3: var(--s3);--surface-4: var(--s4);--bd-sub: #161d22;--bd-def: #1e272e;--bd-hi: #28343c;--bd-focus: #3a8cff;--border-subtle: var(--bd-sub);--border-default: var(--bd-def);--border-bright: var(--bd-hi);--border-focus: var(--bd-focus);--tx-pri: #d0dce6;--tx-sec: #8aa4b4;--tx-mut: #4a6274;--tx-dim: #2a3a44;--text-primary: var(--tx-pri);--text-secondary: var(--tx-sec);--text-muted: var(--tx-mut);--text-dim: var(--tx-dim);--text-disabled: #5a6570;--text-inverse: #0d0f10;--blue: #3a8cff;--blue-d: rgba(58, 140, 255, .07);--blue-b: rgba(58, 140, 255, .18);--interactive: var(--blue);--interactive-dim: var(--blue-d);--interactive-border: var(--blue-b);--interactive-hover: #5aa0ff;--interactive-active: #2a7aef;--focus-ring: rgba(58, 140, 255, .2);--focus-glow: rgba(58, 140, 255, .12);--green: #32b05a;--green-d: rgba(50, 176, 90, .07);--green-b: rgba(50, 176, 90, .18);--success: var(--green);--success-dim: var(--green-d);--success-border: var(--green-b);--amber: #d49018;--amber-d: rgba(212, 144, 24, .07);--amber-b: rgba(212, 144, 24, .18);--warning: var(--amber);--warning-dim: var(--amber-d);--warning-border: var(--amber-b);--red: #d04040;--red-d: rgba(208, 64, 64, .07);--red-b: rgba(208, 64, 64, .18);--danger: var(--red);--danger-dim: var(--red-d);--danger-border: var(--red-b);--info: #4a9ee8;--info-dim: rgba(74, 158, 232, .08);--info-border: rgba(74, 158, 232, .22);--violet: #7850cc;--violet-d: rgba(120, 80, 204, .07);--violet-b: rgba(120, 80, 204, .18);--accent: var(--violet);--accent-dim: var(--violet-d);--accent-border: var(--violet-b);--teal: #2490b8;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r: 2px;--rc: 3px;--r-sm: 2px;--r-md: 3px;--r-lg: 6px;--font-mono: "IBM Plex Mono", monospace;--font-sans: "IBM Plex Sans", sans-serif;--text-2xs: 12px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 21px;--text-3xl: 28px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 64px;--text-7xl: 79px;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--tracking-tighter: -.03em;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .15em;--tracking-ultra: .22em;--scrim: rgba(0, 0, 0, .6);--overlay-subtle: rgba(255, 255, 255, .02);--backdrop: rgba(5, 6, 8, .75);--backdrop-strong: rgba(5, 6, 8, .8);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-overlay-sm: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-overlay-md: 0 12px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-overlay-lg: 0 32px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-overlay-floating: 0 16px 40px rgba(0, 0, 0, .5);--shadow-overlay-floating-sm: 0 8px 24px rgba(0, 0, 0, .5);--shadow-drawer-r: -24px 0 64px rgba(0, 0, 0, .6);--shadow-drawer-l: 24px 0 64px rgba(0, 0, 0, .6);--space-1: var(--sp-1);--space-2: var(--sp-2);--space-3: var(--sp-3);--space-4: var(--sp-4);--space-5: var(--sp-5);--space-6: var(--sp-6);--space-8: var(--sp-8);--space-10: 40px;--space-12: 48px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--elevation-0: none;--elevation-1: none;--elevation-2: none;--font-size-xs: .75rem;--font-size-sm: .86rem;--font-size-base: 1rem;--font-size-lg: 1.12rem;--font-size-xl: 1.24rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--color-bg-base: var(--bg);--color-bg-surface: var(--surface-1);--color-bg-elevated: var(--surface-2);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-border-default: var(--border-default);--color-accent: var(--interactive);--color-status-success: var(--success);--color-status-warning: var(--warning);--color-status-error: var(--danger);--color-scrim: var(--scrim);--chart-blue: #4878e8;--chart-violet: #7858d8;--border: var(--border-default);--border2: var(--border-bright);--text: var(--text-primary);--muted: var(--text-muted);--dim: var(--text-dim);--mono: var(--font-mono);--sans: var(--font-sans);--purple: var(--accent);--cyan: #00d4ff;--badge-green-bg: var(--success-dim);--badge-green-border: var(--success-border);--badge-amber-bg: var(--warning-dim);--badge-amber-border: var(--warning-border);--badge-red-bg: var(--danger-dim);--badge-red-border: var(--danger-border);--badge-blue-bg: var(--info-dim);--badge-blue-border: var(--info-border)}.type-display-xl{font-family:var(--font-mono);font-size:var(--text-7xl);font-weight:600;line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);color:var(--text-primary)}.type-display-lg{font-family:var(--font-mono);font-size:var(--text-6xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--text-primary)}.type-display-md{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary)}.type-display-sm{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:-.015em;color:var(--text-primary)}.type-display-dim{color:var(--text-muted)}.type-display-accent{color:var(--interactive)}.type-display-ghost{color:transparent;-webkit-text-stroke:1px var(--border-bright)}.type-display-gradient{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.type-h1{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--text-primary)}.type-h2{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:-.005em;color:var(--text-primary)}.type-h3{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:0;color:var(--text-primary)}.type-h4{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-normal);letter-spacing:.01em;color:var(--text-secondary)}.type-h5{font-family:var(--font-mono);font-size:var(--text-md);font-weight:500;line-height:var(--leading-normal);letter-spacing:.02em;color:var(--text-secondary)}.type-h6{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.type-body-lg{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:300;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary)}.type-body{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary)}.type-body-sm{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary)}.type-body-xs{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-muted)}.type-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.type-nav{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}.type-button{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.type-input{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;letter-spacing:var(--tracking-normal);color:var(--text-primary)}.type-badge{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.07em;text-transform:uppercase}.type-data-xl{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:600;letter-spacing:var(--tracking-tighter);line-height:1;color:var(--text-primary)}.type-data-lg{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text-primary)}.type-data-md{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;letter-spacing:-.01em;line-height:1;color:var(--text-primary)}.type-meta{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.type-hint{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;letter-spacing:.03em;color:var(--text-muted)}.type-meta--upper{text-transform:uppercase;letter-spacing:var(--tracking-widest)}.type-meta--label{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.type-code{font-family:var(--font-mono);font-size:.9em;font-weight:400;color:var(--info);background:var(--surface-2);border:1px solid var(--border-default);padding:1px 5px;border-radius:2px}.type-code-block{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:.01em;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default);border-left:3px solid var(--interactive);border-radius:2px;padding:16px 20px;white-space:pre;overflow-x:auto}.prose{max-width:620px;color:var(--text-secondary)}.prose h1{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2;margin-bottom:20px}.prose h2{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.prose h3{font-family:var(--font-mono);font-size:var(--text-md);font-weight:500;color:var(--text-secondary);margin:24px 0 8px}.prose p{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--text-secondary);margin-bottom:14px}.prose strong{color:var(--text-primary);font-weight:500}.prose em{color:var(--text-secondary);font-style:italic}.prose a{color:var(--interactive);text-decoration:none;border-bottom:1px solid var(--blue-b);transition:border-color .1s}.prose a:hover{border-bottom-color:var(--interactive)}.prose code{font-family:var(--font-mono);font-size:.88em;color:var(--info);background:var(--surface-2);border:1px solid var(--border-default);padding:1px 5px;border-radius:2px}.prose pre{background:var(--surface-2);border:1px solid var(--border-default);border-left:3px solid var(--interactive);padding:16px 20px;margin:20px 0;overflow-x:auto;border-radius:2px}.prose pre code{background:none;border:none;padding:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-secondary)}.prose blockquote{border-left:3px solid var(--border-bright);padding:4px 0 4px 20px;margin:20px 0;color:var(--text-muted);font-style:italic}.prose ul,.prose ol{padding-left:20px;margin-bottom:14px}.prose li{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:4px}.prose li::marker{color:var(--text-muted)}.prose hr{border:none;border-top:1px solid var(--border-subtle);margin:32px 0}.prose table{width:100%;border-collapse:collapse;margin-bottom:20px}.prose th{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-default);background:var(--surface-2)}.prose td{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);padding:9px 12px;border-bottom:1px solid var(--border-subtle)}.prose tr:last-child td{border-bottom:none}.type-overline{display:block;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--interactive);margin-bottom:8px}.type-delta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-wide)}.type-delta.up{color:var(--success)}.type-delta.down{color:var(--danger)}.type-delta.flat{color:var(--text-muted)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.type-struck{text-decoration:line-through;text-decoration-color:var(--text-muted);color:var(--text-muted)}.type-kv{display:flex;gap:12px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal)}.type-kv .k{color:var(--text-muted);flex-shrink:0}.type-kv .v{color:var(--text-secondary)}.type-kv .v.accent{color:var(--interactive)}.type-kv .v.success{color:var(--success)}.type-kv .v.warning{color:var(--warning)}.type-kv .v.danger{color:var(--danger)}.type-log{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);letter-spacing:.01em}.type-log .log-time{color:var(--text-muted)}.type-log .log-level-info{color:var(--info)}.type-log .log-level-warn{color:var(--warning)}.type-log .log-level-error{color:var(--danger)}.type-log .log-level-ok{color:var(--success)}.type-log .log-msg{color:var(--text-secondary)}.type-log .log-detail{color:var(--text-muted)}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html,body{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:var(--r-sm);cursor:pointer;transition:background .1s,border-color .1s,color .1s,box-shadow .1s;white-space:nowrap;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;position:relative}.btn-sm{height:24px;padding:0 10px;font-size:9px}.btn-md{height:30px;padding:0 14px;font-size:10px}.btn-lg{height:38px;padding:0 18px;font-size:11px}.btn-default{background:var(--surface-2);border-color:var(--border-bright);color:var(--text-primary)}.btn-default:hover{background:var(--surface-3);border-color:var(--bd-hi)}.btn-default:active{background:var(--surface-1)}.btn-default:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.btn-primary{background:var(--interactive-dim);border-color:var(--interactive-border);color:var(--interactive)}.btn-primary:hover{background:var(--surface-2);border-color:var(--interactive-border)}.btn-primary:active{background:var(--interactive-dim)}.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.btn-success{background:var(--success-dim);border-color:var(--success-border);color:var(--success)}.btn-success:hover{background:var(--surface-2);border-color:var(--success-border)}.btn-warning{background:var(--warning-dim);border-color:var(--warning-border);color:var(--warning)}.btn-warning:hover{background:var(--surface-2);border-color:var(--warning-border)}.btn-danger{background:var(--danger-dim);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover{background:var(--surface-2);border-color:var(--danger-border)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}.btn-solid{background:var(--interactive);border-color:var(--interactive);color:var(--text-inverse);font-weight:600}.btn-solid:hover{background:var(--interactive-hover);border-color:var(--interactive-hover)}.btn-solid:active{background:var(--interactive-active)}.btn:disabled,.btn[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-icon-only{width:30px;height:30px;padding:0;justify-content:center}.btn-icon-only.btn-sm{width:24px;height:24px}.btn-icon-only.btn-lg{width:38px;height:38px}.input{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:7px 10px;outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-bright)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--focus-glow)}.input:disabled{opacity:.35;cursor:not-allowed}.input.is-error{border-color:var(--danger-border)}.input.is-error:focus{box-shadow:0 0 0 2px var(--danger-dim);border-color:var(--danger)}.input.is-success{border-color:var(--success-border)}.input.is-success:focus{box-shadow:0 0 0 2px var(--success-dim);border-color:var(--success)}.input-sm{padding:4px 8px;font-size:var(--text-xs)}.input-lg{padding:10px 12px;font-size:var(--text-base)}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-group .input:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.input-adornment{display:flex;align-items:center;padding:0 10px;background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.input-adornment.left{border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm)}.input-adornment.right{border-left:none;border-radius:0 var(--r-sm) var(--r-sm) 0}.select-wrap{position:relative;display:inline-flex;align-items:center}.select-wrap:after{content:"";position:absolute;right:10px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:32px}.checkbox-wrap,.radio-wrap{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrap input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-bright);border-radius:var(--r-sm);background:var(--surface-1);cursor:pointer;flex-shrink:0;position:relative;transition:background .1s,border-color .1s;outline:none}.checkbox-wrap input[type=checkbox]:hover{border-color:var(--border-focus)}.checkbox-wrap input[type=checkbox]:checked{background:var(--interactive);border-color:var(--interactive)}.checkbox-wrap input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:1.5px solid var(--text-inverse);border-top:none;border-left:none;transform:rotate(40deg)}.checkbox-wrap input[type=checkbox]:indeterminate{background:var(--interactive-dim);border-color:var(--interactive)}.checkbox-wrap input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:2px;top:5px;width:8px;height:1.5px;background:var(--interactive)}.checkbox-wrap input[type=checkbox]:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.checkbox-wrap input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.checkbox-wrap.danger input[type=checkbox]:checked{background:var(--danger);border-color:var(--danger)}.radio-wrap input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-bright);border-radius:50%;background:var(--surface-1);cursor:pointer;flex-shrink:0;position:relative;transition:border-color .1s;outline:none}.radio-wrap input[type=radio]:hover{border-color:var(--border-focus)}.radio-wrap input[type=radio]:checked{border-color:var(--interactive)}.radio-wrap input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--interactive)}.radio-wrap input[type=radio]:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.radio-wrap input[type=radio]:disabled{opacity:.3;cursor:not-allowed}.toggle-wrap{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-track{width:34px;height:18px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border-bright);position:relative;flex-shrink:0;transition:background .15s,border-color .15s}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-input:checked+.toggle-track{background:var(--interactive-dim);border-color:var(--interactive)}.toggle-input:checked+.toggle-track .toggle-thumb{background:var(--interactive);transform:translate(16px)}.toggle-input:checked:disabled+.toggle-track{opacity:.4}.toggle-input:focus-visible+.toggle-track{box-shadow:0 0 0 2px var(--focus-ring)}.toggle-input:disabled+.toggle-track{opacity:.3;cursor:not-allowed}.toggle-wrap.success .toggle-input:checked+.toggle-track{background:var(--success-dim);border-color:var(--success-border)}.toggle-wrap.success .toggle-input:checked+.toggle-track .toggle-thumb{background:var(--success)}.toggle-wrap.danger .toggle-input:checked+.toggle-track{background:var(--danger-dim);border-color:var(--danger-border)}.toggle-wrap.danger .toggle-input:checked+.toggle-track .toggle-thumb{background:var(--danger)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-weight:500;letter-spacing:.07em;text-transform:uppercase;border:1px solid;border-radius:var(--r-sm);white-space:nowrap}.badge-sm{font-size:9px;letter-spacing:.09em;padding:2px 7px}.badge-md{font-size:10px;letter-spacing:.07em;padding:3px 9px}.badge-lg{font-size:11px;letter-spacing:.05em;padding:4px 11px}.badge-neutral{color:var(--text-secondary);border-color:var(--border-bright);background:var(--surface-2)}.badge-success{color:var(--success);border-color:var(--success-border);background:var(--success-dim)}.badge-warning{color:var(--warning);border-color:var(--warning-border);background:var(--warning-dim)}.badge-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-dim)}.badge-info{color:var(--info);border-color:var(--info-border);background:var(--info-dim)}.badge-accent{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.badge .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:currentColor}.badge .dot.pulse{animation:pulse-badge 2s ease infinite}@keyframes pulse-badge{0%{box-shadow:0 0 0 0 currentColor;opacity:1}60%{box-shadow:0 0 0 4px transparent;opacity:.6}to{box-shadow:0 0 0 0 transparent;opacity:1}}.badge-count{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-sm);border:1px solid}.badge-count.neutral{background:var(--surface-2);border-color:var(--border-bright);color:var(--text-secondary)}.badge-count.danger{background:var(--danger-dim);border-color:var(--danger-border);color:var(--danger)}.badge-count.success{background:var(--success-dim);border-color:var(--success-border);color:var(--success)}.badge-count.info{background:var(--info-dim);border-color:var(--info-border);color:var(--info)}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:.04em;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:3px 8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .1s,background .1s}.tag:hover{border-color:var(--border-bright);background:var(--surface-3)}.tag .tag-remove{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;border-radius:1px;transition:color .1s,background .1s;font-size:var(--text-base);line-height:1}.tag .tag-remove:hover{color:var(--danger);background:var(--danger-dim)}.progress-track{width:100%;height:3px;background:var(--surface-3);border-radius:1.5px;overflow:hidden}.progress-bar{height:100%;border-radius:1.5px;transition:width .4s ease}.progress-bar.info{background:var(--info)}.progress-bar.success{background:var(--success)}.progress-bar.warning{background:var(--warning)}.progress-bar.danger{background:var(--danger)}.progress-bar.indeterminate{width:40%!important;animation:indeterminate 1.4s ease infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.divider{height:1px;background:var(--border-subtle);margin:24px 0}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-3);border:1px solid;border-radius:var(--r-sm)}.alert-icon{font-family:var(--font-mono);font-size:0;width:7px;height:7px;flex-shrink:0;margin-top:5px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 10%,transparent);opacity:.72}.alert-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:none;margin-bottom:2px;color:var(--text-primary)}.alert-desc{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.alert.info{border-color:color-mix(in srgb,var(--border-default) 88%,var(--info) 12%);background:color-mix(in srgb,var(--surface-2) 99%,var(--info) 1%)}.alert.info .alert-icon,.alert.info .alert-title{color:var(--info)}.alert.success{border-color:color-mix(in srgb,var(--border-default) 90%,var(--success) 10%);background:color-mix(in srgb,var(--surface-2) 99%,var(--success) 1%)}.alert.success .alert-icon,.alert.success .alert-title{color:var(--success)}.alert.warning{border-color:color-mix(in srgb,var(--border-default) 86%,var(--warning) 14%);background:color-mix(in srgb,var(--surface-2) 98.5%,var(--warning) 1.5%)}.alert.warning .alert-icon,.alert.warning .alert-title{color:var(--warning)}.alert.danger{border-color:color-mix(in srgb,var(--border-default) 84%,var(--danger) 16%);background:color-mix(in srgb,var(--surface-2) 98%,var(--danger) 2%)}.alert.danger .alert-icon,.alert.danger .alert-title{color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s ease infinite;border-radius:var(--r-sm)}.stat-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-md);padding:18px 20px;display:flex;flex-direction:column;gap:6px;min-width:140px}.stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1}code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border-default);color:var(--info);padding:1px 5px;border-radius:var(--r-sm)}kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-3);border:1px solid var(--border-bright);color:var(--text-secondary);padding:2px 6px;border-radius:var(--r-sm)}.card{padding:var(--sp-4);border-radius:var(--r-md);background-color:var(--surface-1);border:1px solid var(--border-default)}.card-elevated{background-color:var(--surface-2);border-color:var(--border-bright)}.card-outlined{background-color:transparent;border-color:var(--border-bright)}.card-interactive{cursor:pointer;transition:background-color .12s,border-color .12s}.card-interactive:hover{background-color:var(--surface-2);border-color:var(--border-bright)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary)}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-subtle)}.table th{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-2xs);color:var(--text-muted)}.table tr:hover td{background:var(--surface-2)}.virtual-table__track{position:relative}.virtual-table__row{border-bottom:1px solid var(--border-subtle);padding:10px 12px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.virtual-table__row:hover{background:var(--surface-2)}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__dot{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--interactive);border-radius:50%;animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.empty-state{padding:32px;text-align:center;color:var(--text-secondary);font-size:var(--text-base);border:1px dashed var(--border-default);border-radius:var(--r-md);background:var(--surface-1)}.empty-state__icon{margin-bottom:12px;color:var(--text-muted)}.empty-state__title{margin:0 0 8px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.empty-state__message,.empty-state__description{margin:0}.empty-state__description{font-size:var(--text-xs);color:var(--text-secondary)}.empty-state__action{margin-top:16px}.error-state{padding:24px;color:var(--text-secondary);font-size:var(--text-base);border:1px solid var(--danger-border);border-radius:var(--r-md);background:var(--danger-dim)}.error-state__title{margin:0 0 8px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.error-state__message{margin:0 0 16px}.error-state__actions{display:flex;gap:10px;flex-wrap:wrap}.error-state__retry{height:30px;padding:0 14px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm);border:1px solid var(--interactive-border);background:var(--interactive-dim);color:var(--interactive);cursor:pointer}.error-state__retry:hover{background:var(--surface-2);border-color:var(--interactive-border)}.error-state__retry:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--surface-1);border:1px solid var(--border-bright);border-radius:var(--r-md);max-width:90vw;max-height:90vh;overflow:auto;width:min(720px,90vw)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border-subtle)}.modal__title{margin:0;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.modal__close{width:30px;height:30px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1}.modal__close:hover{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}.modal__close:focus-visible{box-shadow:0 0 0 2px var(--border-focus)}.modal__body{padding:18px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.tabs{display:flex;flex-direction:column}.tabs-underline .tab-list{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:0}.tabs-underline .tab-btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;padding:10px 16px;cursor:pointer;position:relative;transition:color .15s;outline:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs-underline .tab-btn:hover{color:var(--text-secondary)}.tabs-underline .tab-btn.active{color:var(--interactive);border-bottom-color:var(--interactive)}.tabs-underline .tab-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.tabs-pill .tab-list{display:flex;gap:2px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-md);padding:3px;width:-moz-fit-content;width:fit-content}.tabs-pill .tab-btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;padding:6px 14px;border-radius:var(--r-sm);cursor:pointer;transition:background .12s,color .12s;outline:none}.tabs-pill .tab-btn:hover{color:var(--text-secondary);background:var(--surface-2)}.tabs-pill .tab-btn.active{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-bright)}.tabs-bordered .tab-list{display:flex;gap:0}.tabs-bordered .tab-btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid transparent;border-bottom:1px solid var(--border-default);padding:10px 16px;cursor:pointer;transition:color .15s,background .15s;outline:none}.tabs-bordered .tab-btn:first-child{border-radius:var(--r-sm) 0 0 0}.tabs-bordered .tab-btn:last-child{border-radius:0 var(--r-sm) 0 0}.tabs-bordered .tab-btn:hover{color:var(--text-secondary);background:var(--surface-1)}.tabs-bordered .tab-btn.active{color:var(--text-primary);background:var(--surface-1);border-color:var(--border-default);border-bottom-color:var(--surface-1)}.tab-panel{display:none;padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--border-default);border-radius:0 0 var(--r-md) var(--r-md);font-family:var(--font-sans);font-size:14px;color:var(--text-secondary)}.tab-panel.active{display:block}.tabs-pill .tab-panel,.tabs-underline .tab-panel{margin-top:16px;border-radius:var(--r-md)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;min-width:16px;height:16px;padding:0 4px;background:var(--surface-3);border:1px solid var(--border-bright);color:var(--text-muted);border-radius:2px}.tab-btn.active .tab-badge{background:var(--interactive-dim);border-color:var(--interactive-border);color:var(--interactive)}.accordion{border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-default)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:14px 16px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:var(--surface-1);border:none;cursor:pointer;text-align:left;outline:none;transition:background .1s,color .1s}.accordion-trigger:hover{background:var(--surface-2);color:var(--text-primary)}.accordion-trigger.active{color:var(--text-primary);background:var(--surface-2)}.accordion-trigger:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.accordion-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.accordion-trigger.active .accordion-icon{transform:rotate(180deg)}.accordion-body{overflow:hidden;max-height:0;transition:max-height .25s ease,padding .25s ease;background:var(--bg);font-family:var(--font-sans);font-size:12px;color:var(--text-muted);line-height:1.7;padding:0 16px}.accordion-body.open{max-height:400px;padding:14px 16px}.accordion-meta{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted);margin-left:auto;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:500;opacity:0;pointer-events:none;transition:opacity .15s}.modal-backdrop.open{opacity:1;pointer-events:all}.modal{background:var(--surface-1);border:1px solid var(--border-bright);border-radius:var(--r-md);width:480px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-overlay);transform:translateY(8px) scale(.98);transition:transform .18s ease}.modal-backdrop.open .modal{transform:translateY(0) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border-default)}.modal-title{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.04em}.modal-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);font-size:16px;line-height:1;outline:none;transition:background .1s,border-color .1s,color .1s}.modal-close:hover{background:var(--surface-3);border-color:var(--border-default);color:var(--text-primary)}.modal-body{padding:var(--sp-5);font-family:var(--font-sans);font-size:13px;color:var(--text-secondary);line-height:1.6}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:14px 20px 16px;border-top:1px solid var(--border-default)}.modal-sm{width:360px}.modal-lg{width:640px}.modal.modal-danger .modal-header{border-bottom-color:var(--danger-border)}.modal.modal-danger .modal-title{color:var(--danger)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:200;min-width:200px;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--r-md);box-shadow:var(--shadow-overlay-md);padding:var(--sp-1);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s,transform .12s}.dropdown-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;text-align:left;outline:none;transition:background .08s,color .08s;letter-spacing:.03em}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--surface-3);color:var(--text-primary)}.dropdown-item.active{color:var(--interactive)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-dim)}.dropdown-item .item-icon{width:14px;height:14px;opacity:.6;flex-shrink:0}.dropdown-item .item-shortcut{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em}.dropdown-sep{height:1px;background:var(--border-subtle);margin:4px 0}.dropdown-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:6px 10px 4px}.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:600;opacity:0;pointer-events:none;transition:opacity .12s}.cmd-backdrop.open{opacity:1;pointer-events:all}.cmd-palette{width:540px;max-width:calc(100vw - 32px);background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--r-md);box-shadow:var(--shadow-overlay-lg);overflow:hidden;transform:scale(.97) translateY(-8px);transition:transform .15s ease}.cmd-backdrop.open .cmd-palette{transform:scale(1) translateY(0)}.cmd-search-row{display:flex;align-items:center;gap:10px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default)}.cmd-search-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);outline:none;letter-spacing:.02em}.cmd-input::-moz-placeholder{color:var(--text-muted)}.cmd-input::placeholder{color:var(--text-muted)}.cmd-kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border-bright);padding:2px 6px;border-radius:2px}.cmd-palette-results{max-height:320px;overflow-y:auto}.cmd-group-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:8px 14px 4px}.cmd-item{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .08s}.cmd-item:hover,.cmd-item.selected{background:var(--surface-3)}.cmd-item-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--surface-4);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px}.cmd-item-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);letter-spacing:.02em}.cmd-item-sub{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);margin-left:2px}.cmd-item-tag{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;background:var(--surface-4);border:1px solid var(--border-default);padding:2px 6px;border-radius:2px}.cmd-footer{display:flex;align-items:center;gap:var(--sp-3);padding:8px 14px;border-top:1px solid var(--border-subtle);background:var(--surface-1)}.cmd-hint{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.data-table-wrap{border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--surface-2);border-bottom:1px solid var(--border-bright)}.data-table th{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:10px 14px;text-align:left;white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text-secondary)}.data-table th .sort-icon{margin-left:5px;opacity:.4;font-size:var(--text-2xs)}.data-table th.sort-asc .sort-icon,.data-table th.sort-desc .sort-icon{opacity:1;color:var(--interactive)}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .08s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-1)}.data-table tbody tr.selected{background:var(--interactive-dim)}.data-table td{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.35;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);padding:10px 12px;vertical-align:middle}.data-table td .cell-primary{color:var(--text-primary)}.data-table td .cell-mono{color:var(--info)}.data-table td .cell-muted{color:var(--text-muted);font-size:var(--text-xs)}.data-table td .cell-num{display:inline-block;min-width:4ch;text-align:right}.data-table td .cell-url{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.data-table tbody tr.row-success{border-left:2px solid var(--success)}.data-table tbody tr.row-warning{border-left:2px solid var(--warning)}.data-table tbody tr.row-danger{border-left:2px solid var(--danger)}.data-table-compact th,.data-table-compact td{padding:4px 8px;font-size:var(--text-xs)}.t-badge{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border:1px solid;border-radius:2px}.t-badge.success{color:var(--success);border-color:var(--success-border);background:var(--success-dim)}.t-badge.warning{color:var(--warning);border-color:var(--warning-border);background:var(--warning-dim)}.t-badge.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-dim)}.t-badge.info{color:var(--info);border-color:var(--info-border);background:var(--info-dim)}.t-badge.neutral{color:var(--text-secondary);border-color:var(--border-bright);background:var(--surface-2)}.t-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-bright);border-radius:var(--r-sm);background:var(--surface-1);cursor:pointer;vertical-align:middle;position:relative;flex-shrink:0}.t-check:checked{background:var(--interactive);border-color:var(--interactive)}.t-check:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:1.5px solid var(--bg);border-top:none;border-left:none;transform:rotate(40deg)}.table-toolbar{display:flex;align-items:center;gap:var(--sp-2);padding:10px 14px;background:var(--surface-1);border-bottom:1px solid var(--border-default)}.table-search{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;padding:5px 10px;outline:none;width:200px;transition:border-color .12s}.table-search:focus{border-color:var(--border-focus)}.table-search::-moz-placeholder{color:var(--text-muted)}.table-search::placeholder{color:var(--text-muted)}.table-count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted);margin-left:auto}.virtual-table__viewport{height:400px;overflow:auto;contain:strict;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--surface-1)}.virtual-table__track{position:relative;width:100%}.virtual-table__row{padding:10px 12px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:background .08s}.virtual-table__row:hover{background:var(--surface-1)}.virtual-table__row.row-success{border-left:2px solid var(--success)}.virtual-table__row.row-warning{border-left:2px solid var(--warning)}.virtual-table__row.row-danger{border-left:2px solid var(--danger)}.breadcrumb{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:12px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;color:var(--text-muted);letter-spacing:.04em}.breadcrumb-item a{color:inherit;text-decoration:none;padding:3px 2px;transition:color .1s}.breadcrumb-item a:hover,.breadcrumb-item.current{color:var(--text-primary)}.breadcrumb-sep{color:var(--border-bright);margin:0 6px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-icon{width:12px;height:12px;margin-right:4px;opacity:.6}.breadcrumb-collapsed{cursor:pointer;color:var(--text-muted);padding:2px 6px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:2px;font-size:13px;letter-spacing:.1em}.breadcrumb-collapsed:hover{color:var(--text-primary);background:var(--surface-3)}.pagination{display:flex;align-items:center;gap:2px}.page-btn{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;outline:none;transition:color .1s,background .1s,border-color .1s}.page-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}.page-btn.active{background:var(--interactive-dim);border-color:var(--interactive-border);color:var(--interactive)}.page-btn:disabled{opacity:.25;cursor:not-allowed}.page-btn.dots{cursor:default}.page-btn.dots:hover{background:transparent;border-color:transparent}.pagination-info{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted);margin-left:8px}.toast-stack{position:fixed;right:max(var(--space-4),env(safe-area-inset-right));bottom:max(var(--space-4),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-2);width:min(420px,calc(100vw - (var(--space-4) * 2)));z-index:700;pointer-events:none}.toast{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;-moz-column-gap:var(--space-3);column-gap:var(--space-3);padding:12px 14px 12px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--overlay-subtle) 78%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-4) 88%,transparent),var(--surface-3)),var(--surface-3);border:1px solid color-mix(in srgb,var(--border-bright) 38%,var(--border-default) 62%);border-radius:var(--r-lg);box-shadow:var(--shadow-overlay-sm);width:100%;pointer-events:all;overflow:hidden;animation:toast-in .22s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(10px) scale(.985);max-height:0}}.toast.removing{animation:toast-out .22s ease forwards}.toast-rail{width:3px;align-self:stretch;background:currentColor;opacity:.88}.toast-icon-shell{width:32px;height:32px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.toast-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-mono);font-size:14px;line-height:1;opacity:.96}.toast-body{min-width:0;display:grid;gap:6px}.toast-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.toast-label{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,currentColor 8%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,currentColor 70%,var(--text-muted) 30%);white-space:nowrap}.toast-pin{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--surface-4) 68%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.toast-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-2)}.toast-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;line-height:1.35;color:var(--text-primary);letter-spacing:.015em;margin-bottom:0;min-width:0}.toast-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.45;margin-top:0;max-width:44ch}.toast-close{display:inline-flex;align-items:center;justify-content:center;align-self:start;background:color-mix(in srgb,var(--surface-2) 72%,transparent);border:1px solid color-mix(in srgb,var(--border-default) 88%,transparent);color:color-mix(in srgb,var(--text-muted) 82%,transparent);cursor:pointer;font-size:13px;line-height:1;width:22px;height:22px;padding:0;flex-shrink:0;border-radius:var(--r-sm);opacity:.88;transition:color .12s ease,opacity .12s ease,background .12s ease,border-color .12s ease,transform .12s ease}.toast-close:hover{color:var(--text-primary);opacity:1;border-color:color-mix(in srgb,var(--border-bright) 64%,transparent);background:color-mix(in srgb,var(--surface-2) 88%,transparent);transform:translateY(-1px)}.toast-close:focus-visible{outline:none;color:var(--text-primary);opacity:1;border-color:color-mix(in srgb,var(--border-focus) 78%,transparent);box-shadow:0 0 0 3px var(--focus-ring)}.toast.success{color:var(--success);border-color:color-mix(in srgb,var(--border-default) 92%,var(--success) 8%);background:linear-gradient(135deg,color-mix(in srgb,var(--success-dim) 76%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-4) 84%,transparent),var(--surface-3)),var(--surface-3)}.toast.warning{color:var(--warning);border-color:color-mix(in srgb,var(--border-default) 88%,var(--warning) 12%);background:linear-gradient(135deg,color-mix(in srgb,var(--warning-dim) 86%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-4) 84%,transparent),var(--surface-3)),var(--surface-3)}.toast.danger{color:var(--danger);border-color:color-mix(in srgb,var(--border-default) 86%,var(--danger) 14%);background:linear-gradient(135deg,color-mix(in srgb,var(--danger-dim) 88%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-4) 84%,transparent),var(--surface-3)),var(--surface-3)}.toast.info{color:var(--info);border-color:color-mix(in srgb,var(--border-default) 90%,var(--info) 10%);background:linear-gradient(135deg,color-mix(in srgb,var(--info-dim) 88%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--surface-4) 84%,transparent),var(--surface-3)),var(--surface-3)}.toast-progress{height:2px;margin-top:2px;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:999px;overflow:hidden}.toast-progress-bar{display:block;width:100%;height:100%;background:currentColor;animation:toast-progress linear forwards;animation-duration:5s;transform-origin:left center}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.success .toast-progress-bar{color:color-mix(in srgb,var(--success) 28%,transparent)}.toast.info .toast-progress-bar{color:color-mix(in srgb,var(--info) 28%,transparent)}.toast.warning .toast-progress,.toast.danger .toast-progress{display:none}.toast[data-has-description=false] .toast-body{gap:4px}.toast[data-persistent=true] .toast-progress{display:none}@media(max-width:640px){.toast-stack{left:max(var(--space-3),env(safe-area-inset-left));right:max(var(--space-3),env(safe-area-inset-right));bottom:max(var(--space-3),env(safe-area-inset-bottom));width:auto}.toast{-moz-column-gap:var(--space-2);column-gap:var(--space-2);padding:11px 12px 11px 0}.toast-icon-shell{width:28px;height:28px}.toast-desc{max-width:none}}.stepper{display:flex;align-items:flex-start;gap:0;width:100%}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:1px;background:var(--border-default);z-index:0}.step.completed:not(:last-child):after{background:var(--interactive)}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;position:relative;z-index:1;transition:background .2s,border-color .2s}.step.pending .step-circle{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-muted)}.step.active .step-circle{background:var(--interactive-dim);border:1px solid var(--interactive);color:var(--interactive);box-shadow:0 0 0 3px var(--focus-glow)}.step.completed .step-circle{background:var(--success-dim);border:1px solid var(--success-border);color:var(--success)}.step.error .step-circle{background:var(--danger-dim);border:1px solid var(--danger-border);color:var(--danger)}.step-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:8px;text-align:center;white-space:nowrap}.step.pending .step-label{color:var(--text-muted)}.step.active .step-label{color:var(--interactive)}.step.completed .step-label{color:var(--success)}.step.error .step-label{color:var(--danger)}.step-sub{font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--text-muted);text-align:center;margin-top:2px}.stepper-vertical{display:flex;flex-direction:column;gap:0}.step-v{display:flex;gap:14px;position:relative;padding-bottom:24px}.step-v:last-child{padding-bottom:0}.step-v-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-v-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;flex-shrink:0}.step-v:not(:last-child) .step-v-track:after{content:"";flex:1;width:1px;background:var(--border-default);margin-top:4px}.step-v.completed .step-v-track:after{background:var(--success-border)}.step-v.pending .step-v-circle{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-muted)}.step-v.active .step-v-circle{background:var(--interactive-dim);border:1px solid var(--interactive);color:var(--interactive)}.step-v.completed .step-v-circle{background:var(--success-dim);border:1px solid var(--success-border);color:var(--success)}.step-v-body{padding-top:4px}.step-v-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);letter-spacing:.03em}.step-v-desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);margin-top:3px;line-height:1.5}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--sp-4);position:relative;padding-bottom:28px}.timeline-item:last-child{padding-bottom:0}.timeline-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:28px}.timeline-dot{width:10px;height:10px;border-radius:50%;border:2px solid;flex-shrink:0;margin-top:4px;position:relative;z-index:1;background:var(--bg)}.timeline-dot.success{border-color:var(--success);background:var(--success-dim)}.timeline-dot.warning{border-color:var(--warning);background:var(--warning-dim)}.timeline-dot.danger{border-color:var(--danger);background:var(--danger-dim)}.timeline-dot.info{border-color:var(--info);background:var(--info-dim)}.timeline-dot.neutral{border-color:var(--border-bright)}.timeline-track:after{content:"";flex:1;width:1px;background:var(--border-subtle);margin-top:4px}.timeline-item:last-child .timeline-track:after{display:none}.timeline-body{flex:1;padding-top:1px}.timeline-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:4px;flex-wrap:wrap}.timeline-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);letter-spacing:.02em}.timeline-time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em;margin-left:auto}.timeline-content{font-family:var(--font-sans);font-size:12px;color:var(--text-secondary);line-height:1.6}.timeline-actor{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--interactive);margin-top:4px}.slider-wrap{display:flex;flex-direction:column;gap:var(--sp-2)}.slider-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.slider-header .label{color:var(--text-muted)}.slider-header .value{color:var(--text-primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-3);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--interactive);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--interactive);cursor:pointer;-webkit-transition:box-shadow .1s;transition:box-shadow .1s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--focus-ring)}input[type=range]:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}input[type=range].success::-webkit-slider-thumb{background:var(--success);box-shadow:0 0 0 1px var(--success)}input[type=range].warning::-webkit-slider-thumb{background:var(--warning);box-shadow:0 0 0 1px var(--warning)}input[type=range].danger::-webkit-slider-thumb{background:var(--danger);box-shadow:0 0 0 1px var(--danger)}.slider-marks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);letter-spacing:.06em}.datepicker-wrap{position:relative;display:inline-block}.datepicker-trigger{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:7px 10px;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);outline:none;transition:border-color .12s,box-shadow .12s;min-width:180px}.datepicker-trigger:focus,.datepicker-trigger.open{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--focus-glow)}.datepicker-trigger .dt-icon{color:var(--text-muted);width:13px;height:13px}.datepicker-trigger .dt-placeholder{color:var(--text-muted)}.datepicker-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:300;background:var(--surface-2);border:1px solid var(--border-bright);border-radius:var(--r-md);box-shadow:var(--shadow-overlay-floating);padding:0;min-width:260px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s,transform .12s}.datepicker-panel.open{opacity:1;pointer-events:all;transform:translateY(0)}.dp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-default)}.dp-nav-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;font-size:14px;outline:none;transition:color .1s,background .1s,border-color .1s}.dp-nav-btn:hover{background:var(--surface-3);border-color:var(--border-default);color:var(--text-primary)}.dp-month-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);letter-spacing:.04em}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 8px 4px}.dp-weekday{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-muted);padding:2px}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);padding:0 8px 8px;gap:1px}.dp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:color .08s,background .08s,border-color .08s;outline:none}.dp-day:hover:not(.empty):not(.disabled){background:var(--surface-3);color:var(--text-primary)}.dp-day.today{border-color:var(--border-bright);color:var(--interactive)}.dp-day.selected{background:var(--interactive);color:var(--text-inverse);font-weight:600}.dp-day.disabled{color:var(--text-disabled);cursor:not-allowed}.dp-day.other-month{color:var(--text-muted)}.dp-day.in-range{background:var(--interactive-dim)}.dp-day.empty{cursor:default}.dp-footer{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle)}.popover-host{position:relative;display:inline-flex}.popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:var(--surface-3);border:1px solid var(--border-bright);border-radius:var(--r-md);box-shadow:var(--shadow-overlay-floating-sm);padding:var(--sp-3) var(--sp-4);min-width:200px;max-width:280px;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:100}.popover-host:hover .popover,.popover-host.open .popover{opacity:1;transform:translate(-50%) translateY(0)}.popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-bright)}.popover:before{content:"";position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface-3);z-index:1}.popover-title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text-primary);margin-bottom:6px}.popover-body{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.popover-body code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--info);background:var(--surface-1);border:1px solid var(--border-default);padding:0 4px;border-radius:2px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-3);border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);overflow:hidden;flex-shrink:0;position:relative}.avatar-sm{width:26px;height:26px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:14px}.avatar-status{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--bg)}.avatar-status.online{background:var(--success)}.avatar-status.away{background:var(--warning)}.avatar-status.offline{background:var(--text-muted)}.avatar-status.busy{background:var(--danger)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-10px;border-color:var(--bg);border-width:2px}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar-more{background:var(--surface-3);color:var(--text-muted);font-size:var(--text-xs)}.avatar.blue{background:var(--blue-d);color:var(--interactive);border-color:var(--interactive-border)}.avatar.green{background:var(--green-d);color:var(--success);border-color:var(--success-border)}.avatar.orange{background:var(--amber-d);color:var(--warning);border-color:var(--warning-border)}.avatar.red{background:var(--red-d);color:var(--danger);border-color:var(--danger-border)}.avatar.purple{background:var(--violet-d);color:var(--accent);border-color:var(--accent-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--r-md)}.empty-icon{width:48px;height:48px;margin-bottom:16px;background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted)}.empty-title{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.empty-desc{font-family:var(--font-sans);font-size:12px;font-weight:300;color:var(--text-muted);max-width:280px;line-height:1.6;margin-bottom:20px}.meter-wrap{--meter-pct: 0;display:flex;flex-direction:column;gap:5px}.meter-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.meter-label span:last-child{color:var(--text-primary)}.meter-track{height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden;position:relative}.meter-fill{height:100%;width:calc(var(--meter-pct, 0) * 1%);border-radius:3px;transition:width .5s ease}.meter-fill.info{background:var(--info)}.meter-fill.success{background:var(--success)}.meter-fill.warning{background:var(--warning)}.meter-fill.danger{background:var(--danger)}.meter-segmented{display:flex;gap:2px;height:6px}.meter-seg{flex:1;border-radius:1px;background:var(--surface-3);transition:background .2s}.meter-seg.filled.success{background:var(--success)}.meter-seg.filled.warning{background:var(--warning)}.meter-seg.filled.danger{background:var(--danger)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-backdrop.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--surface-1);border-left:1px solid var(--border-bright);box-shadow:var(--shadow-drawer-r);display:flex;flex-direction:column;z-index:401;transform:translate(100%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.drawer-backdrop.open .drawer{transform:translate(0)}.drawer.drawer-left{left:0;right:auto;border-left:1px solid var(--border-bright);border-right:none;box-shadow:var(--shadow-drawer-l);transform:translate(-100%)}.drawer-backdrop.open .drawer.drawer-left{transform:translate(0)}.drawer-sm{width:280px}.drawer-lg{width:440px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-default)}.drawer-title{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.04em}.drawer-close{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);font-size:16px;outline:none;transition:color .1s,background .1s,border-color .1s}.drawer-close:hover{background:var(--surface-3);border-color:var(--border-default);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:var(--sp-5)}.drawer-footer{display:flex;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-default)}.main{padding:var(--sp-5) 18px 48px;overflow-y:auto;background:var(--bg)}.ph{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--sp-5)}.ph-actions{display:flex;align-items:center;gap:6px}.billing-page__grace-form-actions{margin-top:var(--sp-4)}.billing-page__plan-actions{display:flex;gap:var(--sp-2);align-items:center}.ph-title{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--tx-pri);line-height:1;margin-bottom:5px}.ph-meta{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;color:var(--tx-mut);display:flex;align-items:center;gap:7px}.ph-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--green);flex-shrink:0}.ph-meta .sep{color:var(--bd-hi)}.shead{display:flex;align-items:center;gap:9px;margin:20px 0}.shead-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--tx-mut);white-space:nowrap}.shead-line{flex:1;height:1px;background:var(--bd-sub)}.shead-note{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.05em;color:var(--tx-mut)}.shead-sm .shead-label,.shead-sm .shead-note{font-size:var(--text-2xs)}.shead-lg .shead-label,.shead-lg .shead-note{font-size:var(--text-xs)}.card{background:var(--s1);border:1px solid var(--bd-def);border-radius:var(--rc);position:relative;overflow:hidden;transition:border-color .15s}.card:hover{border-color:var(--bd-hi)}.card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bd-focus)}.card.edge:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ec, var(--bd-def));border-radius:var(--rc) 0 0 var(--rc)}.eb{--ec: var(--blue)}.eg{--ec: var(--green)}.ea{--ec: var(--amber)}.er{--ec: var(--red)}.ev{--ec: var(--violet)}.et{--ec: var(--teal)}.widget-grid,.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3px;margin-bottom:var(--sp-8)}.card.widget{display:flex;flex-direction:column;gap:var(--sp-3);min-height:260px;margin:var(--sp-1)}.card.widget.ds-widget--sm{min-height:180px}.card.widget.ds-widget--md{min-height:260px}.card.widget.ds-widget--lg{min-height:320px}.widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.widget__title{margin:0;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--tx-pri)}.widget__subtitle{margin-top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-sec)}.widget__action{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--blue);text-decoration:none;transition:color .1s ease}.widget__action:hover{color:var(--tx-pri)}.widget__header-right{display:inline-flex;align-items:center;gap:var(--sp-2)}.widget--interactive:hover,.widget--interactive:focus-within{border-color:var(--bd-hi);background:var(--s2)}a.widget--interactive,div[role=button].widget--interactive{cursor:pointer}.widget--interactive:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:3px}.kpi{padding:13px 14px 14px;min-height:160px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.kpi-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-mut);line-height:1.5}.kpi-sub{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--tx-dim);margin-top:1px}.kpi-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--blue);opacity:.6;transition:opacity .1s;white-space:nowrap;margin-top:1px;text-decoration:none}.kpi-link:hover{opacity:1}.kv{font-family:var(--font-mono);font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1;color:var(--tx-pri);margin-bottom:10px}.kv .u{font-family:var(--font-mono);font-size:14px;font-weight:400;color:var(--tx-mut);letter-spacing:-.01em;margin-left:var(--sp-1)}.kpi__value{font-family:var(--font-mono);font-size:36px;font-weight:600;letter-spacing:-.025em;color:var(--tx-pri);font-variant-numeric:tabular-nums;line-height:1}.kpi__value--small{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--tx-pri);text-transform:capitalize;font-variant-numeric:tabular-nums}.kpi__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-sec)}.kpi__meta-item{padding:2px var(--sp-2);border:1px solid var(--bd-def);border-radius:var(--r);background:var(--s2)}.kpi__badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--sp-2);border-radius:var(--r-lg);border:1px solid var(--bd-def);background:var(--s2);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kpi__incidents{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.kpi__incident{border:1px solid var(--bd-def);border-radius:var(--r);background:var(--s2)}.kpi__incident-link{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);text-decoration:none;color:inherit}.kpi__incident-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-pri)}.kpi__incident-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-sec);text-transform:capitalize}.kpi__empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-sec)}.chips{display:flex;flex-wrap:wrap;gap:3px}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:2px;border:1px solid;white-space:nowrap}.chip .cd{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.cn{color:var(--tx-sec);border-color:var(--bd-hi);background:var(--s2)}.cb{color:var(--blue);border-color:var(--blue-b);background:var(--blue-d)}.cg{color:var(--green);border-color:var(--green-b);background:var(--green-d)}.ca{color:var(--amber);border-color:var(--amber-b);background:var(--amber-d)}.cr{color:var(--red);border-color:var(--red-b);background:var(--red-d)}.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:8px}.inc-cell{padding:6px 8px;background:var(--s2);border:1px solid var(--bd-sub);border-radius:2px}.inc-cell--span2{grid-column:span 2}.ic-lbl{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:400;color:var(--tx-mut);letter-spacing:.05em;margin-bottom:2px}.ic-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--tx-sec)}.ic-val.z{color:var(--tx-dim)}.ic-val.w{color:var(--amber)}.ic-val.c{color:var(--red)}.cmeters{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:4px}.cm-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:3px}.cm-k{color:var(--tx-mut)}.cm-v{font-weight:500;color:var(--tx-sec)}.cm-track{height:2px;background:var(--s4);border-radius:1px;overflow:hidden}.cm-row{--cm-pct: 0}.cm-fill{height:100%;width:calc(var(--cm-pct, 0) * 1%);border-radius:1px;transition:width .9s cubic-bezier(.22,1,.36,1)}.cm-v--green{color:var(--green)}.cm-fill--green{background:var(--green)}.cm-v--amber{color:var(--amber)}.cm-fill--amber{background:var(--amber)}.cm-v--red{color:var(--red)}.cm-fill--red{background:var(--red)}.cm-v--muted{color:var(--tx-sec)}.spark{width:100%;height:26px;margin-top:8px}.spark svg{width:100%;height:100%;overflow:visible}.chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:3px}@media(max-width:1200px){.kpi-row{grid-template-columns:repeat(3,1fr)}.chart-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.shell{grid-template-columns:48px 1fr}.sidebar{width:48px;overflow:hidden}.sb-section,.nav-a span:not(.nb),.sb-foot{display:none}.nav-a{padding:var(--sp-2);justify-content:center}.nav-a svg{opacity:.7}.kpi-row{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}}.cc{padding:13px 14px 10px}.cc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3px}.cc-big{display:flex;align-items:baseline;gap:6px;margin-bottom:11px}.cc-val{font-family:var(--font-mono);font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--tx-pri)}.cc-unit{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--tx-mut);letter-spacing:-.01em}.cc-badge{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-mut)}.cw{position:relative;width:100%;height:118px}.cw svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nlist{display:flex;flex-direction:column;gap:2px;margin-top:10px}.overview-widget__list-region{margin-left:2px}.ni{display:grid;grid-template-columns:16px 7px 1fr auto 48px;align-items:center;gap:7px;padding:6px 10px;background:var(--s2);border:1px solid var(--bd-sub);border-radius:2px;transition:background .08s,border-color .08s}.ni:hover{background:var(--s3);border-color:var(--bd-def)}.nrank{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--tx-dim);text-align:right}.nst{width:5px;height:5px;border-radius:50%;flex-shrink:0}.nst.ok{background:var(--green)}.nst.warn{background:var(--amber);animation:ringpulse 2s ease infinite}.nst.off{background:var(--red)}.nname{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--teal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;min-width:0}.nname.dead{color:var(--tx-dim);text-decoration:line-through}.nval{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;color:var(--tx-sec);white-space:nowrap;text-align:right}.nval.wc{color:var(--amber)}.nval.dc{color:var(--red)}.nbar{height:2px;background:var(--s4);border-radius:1px;overflow:hidden;--nbfill-pct: 0}.nbfill{height:100%;border-radius:1px;width:calc(var(--nbfill-pct, 0) * 1%)}.nbfill--blue{background:var(--chart-blue)}.nbfill--amber{background:var(--amber)}.nbfill--red{background:var(--red)}.statusbar{display:flex;align-items:center;background:var(--s0);border:1px solid var(--bd-sub);border-radius:var(--rc);overflow:hidden;margin-top:3px}.sb-ql-label{padding:0 14px;height:38px;display:flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-mut);border-right:1px solid var(--bd-sub);white-space:nowrap}.sb-links{display:flex;align-items:center;padding:0 7px;gap:3px;flex:1}.ql{height:24px;padding:0 10px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--bd-sub);color:var(--tx-mut);border-radius:var(--r);transition:color .1s,background .1s,border-color .1s}.ql:hover{color:var(--tx-pri);background:var(--s2);border-color:var(--bd-hi)}.ql:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.sb-right{margin-left:auto;padding:0 14px;display:flex;align-items:center;gap:11px;border-left:1px solid var(--bd-sub);height:38px}.sb-stat{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--tx-mut);letter-spacing:.05em;white-space:nowrap}.sb-stat strong{color:var(--tx-sec);font-weight:500}.sb-sep{color:var(--bd-hi)}@media(max-width:720px){.statusbar{flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--rc)}.sb-ql-label{width:100%;border-right:none;border-bottom:1px solid var(--bd-sub);padding:var(--sp-1) var(--sp-2)}.sb-links{flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2)}.sb-right{width:100%;border-left:none;border-top:1px solid var(--bd-sub);padding:var(--sp-1) var(--sp-2);justify-content:space-between;flex-wrap:wrap;gap:var(--sp-1)}.sb-stat{flex:1;min-width:120px;white-space:normal}.sb-sep{display:none}}.card,.statusbar{animation:fadeup .4s cubic-bezier(.22,1,.36,1) both}.kpi-row .card:nth-child(1){animation-delay:.03s}.kpi-row .card:nth-child(2){animation-delay:.07s}.kpi-row .card:nth-child(3){animation-delay:.11s}.kpi-row .card:nth-child(4){animation-delay:.15s}.kpi-row .card:nth-child(5){animation-delay:.19s}.chart-row .card:nth-child(1){animation-delay:.23s}.chart-row .card:nth-child(2){animation-delay:.27s}.chart-row .card:nth-child(3){animation-delay:.31s}.chart-row .card:nth-child(4){animation-delay:.35s}.statusbar{animation-delay:.39s}@keyframes fadeup{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.cl{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1.5s ease forwards}.cl-1{animation-delay:.55s}.cl-2{animation-delay:.62s}.cl-3{animation-delay:.5s}.cl-4{animation-delay:.58s}@keyframes draw{to{stroke-dashoffset:0}}.cf{opacity:0;animation:fin .5s ease forwards;animation-delay:1.1s}@keyframes fin{to{opacity:1}}@keyframes ringpulse{0%{box-shadow:0 0 0 0 currentColor}65%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}.shell{display:grid;grid-template-columns:208px 1fr;grid-template-rows:52px 1fr;min-height:100vh;background:var(--bg);color:var(--tx-pri);font-family:var(--font-mono);font-size:var(--text-base)}.nav-a svg{width:13px;height:13px;opacity:.55;flex-shrink:0;stroke:currentColor;stroke-width:1.3;fill:none}.topbar{grid-column:1 / -1;display:flex;align-items:center;height:52px;padding:0 16px;background:var(--s0);border-bottom:1px solid var(--bd-sub);position:sticky;top:0;z-index:200;gap:0}.tb-brand{font:600 var(--text-2xs) var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tx-sec);padding-right:16px;border-right:1px solid var(--bd-sub);white-space:nowrap;flex-shrink:0}.tb-brand em{font-style:normal;color:var(--blue)}.tb-crumb{font:400 var(--text-2xs) var(--font-mono);color:var(--tx-mut);padding-left:14px}.tb-crumb b{color:var(--tx-sec);font-weight:400}.tb-right{margin-left:auto;display:flex;align-items:center;gap:7px}.tb-time{font:400 var(--text-2xs) var(--font-mono);color:var(--tx-mut);letter-spacing:.04em;padding-right:4px}.live-chip{display:flex;align-items:center;gap:6px;font:500 var(--text-2xs) var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--green-d);border:1px solid var(--green-b);border-radius:var(--rc);padding:3px 9px}.ring{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.ring.pulse{animation:ringpulse 2s ease infinite}.tb-btn{height:30px;padding:0 10px;font:500 var(--text-2xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--s2);border:1px solid var(--bd-def);color:var(--tx-sec);border-radius:var(--r);transition:border-color .1s,color .1s}.tb-btn:hover{border-color:var(--bd-hi);color:var(--tx-pri)}.tb-btn:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.tb-avatar{width:26px;height:26px;border-radius:50%;background:var(--blue-d);border:1px solid var(--blue-b);color:var(--blue);font:600 var(--text-2xs) var(--font-mono);letter-spacing:.04em;display:flex;align-items:center;justify-content:center}.tb-user-btn{display:inline-flex;align-items:center;gap:6px}.tb-user-label{font:500 var(--text-2xs) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sidebar{background:var(--s0);border-right:1px solid var(--bd-sub);display:flex;flex-direction:column;padding:18px 0 14px;width:208px;flex-shrink:0;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}.sb-form-demo{display:flex;flex-direction:column;gap:var(--sp-4);max-width:360px}.sb-input-prefix-icon{opacity:.7}.sb-input-suffix-unit{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--tx-mut)}.sb-a11y-note{margin:0;font-size:var(--text-xs);color:var(--tx-mut)}.sb-section{font:600 var(--text-2xs) var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tx-dim);padding:0 14px 5px;margin-top:14px}.sb-section:first-of-type{margin-top:6px}.nav-a{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 16px;font:400 var(--text-2xs) var(--font-mono);letter-spacing:.02em;color:var(--tx-mut);border-left:2px solid transparent;text-decoration:none;transition:color .1s ease,background .1s ease}.nav-a:hover{color:var(--tx-sec);background:var(--overlay-subtle)}.nav-a.on{color:var(--blue);background:var(--blue-d);border-left-color:var(--blue)}.nav-a.on svg{opacity:1}.nav-a:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);border-radius:var(--r)}.nb{margin-left:auto;font:600 var(--text-2xs) var(--font-mono);letter-spacing:.04em;color:var(--amber);background:var(--amber-d);border:1px solid var(--amber-b);padding:1px 5px;border-radius:2px}.sb-foot{margin-top:auto;padding:12px 14px 0;border-top:1px solid var(--bd-sub)}.sb-foot-row{display:flex;align-items:center;gap:6px;font:400 var(--text-2xs) var(--font-mono);color:var(--tx-mut);letter-spacing:.04em;margin-bottom:5px}.sb-foot-row--dim{color:var(--tx-dim)}.sb-foot-row .dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.shimmer-mt8{margin-top:var(--sp-2)}.shimmer-mt5{margin-top:5px}.shimmer-w50{width:50%}.widget-meta-push{margin-top:auto;padding-top:10px}.incidents-message{margin-top:var(--sp-2);margin-bottom:0}.incidents-message--blue{margin-top:var(--sp-2);margin-bottom:0;color:var(--blue)}.telemetry-sparkline{display:block;margin-top:var(--sp-1)}.group-label{font:600 var(--text-2xs) var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--tx-mut);margin:36px 0 14px;padding-bottom:6px;border-bottom:1px solid var(--bd-sub);display:flex;align-items:center;gap:10px}.group-label:after{content:"";flex:1;height:1px;background:var(--bd-sub)}.group-label:first-child{margin-top:0}.widget-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.w{background:var(--s1);border:1px solid var(--bd-def);border-radius:var(--rc);padding:14px 16px 16px;position:relative;overflow:hidden;width:260px;min-height:140px;display:flex;flex-direction:column;transition:border-color .15s;animation:fadeUp .35s ease-out both}.w:hover{border-color:var(--bd-hi)}.w.wide{width:340px}.w.narrow{width:190px;min-height:120px}.w:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.w.accent-green:before{background:var(--green)}.w.accent-amber:before{background:var(--amber)}.w.accent-red:before{background:var(--red);box-shadow:0 0 8px var(--red)}.w.accent-blue:before{background:var(--blue)}.w.accent-purple:before{background:var(--violet)}.w.accent-cyan:before{background:var(--teal)}.w.accent-dim:before{background:var(--tx-dim)}.w.border-left-red{border-left:2px solid var(--red)}.w.border-left-amber{border-left:2px solid var(--amber)}.w.border-left-green{border-left:2px solid var(--green)}.w.error-state{opacity:.85}.w.error-state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--danger-dim) 6px,var(--danger-dim) 7px);pointer-events:none}.w-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:8px}.w-title{font:600 var(--text-2xs)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx-mut)}.w-sub{font:400 var(--text-2xs)/1 var(--font-mono);letter-spacing:.05em;color:var(--tx-dim);margin-top:2px}.w-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.view-link{font:500 var(--text-2xs) var(--font-mono);letter-spacing:.08em;color:var(--tx-mut);cursor:pointer;display:flex;align-items:center;gap:3px;transition:color .1s;text-decoration:none}.view-link:after{content:"›";font-size:var(--text-xs)}.view-link:hover{color:var(--blue)}.delta{font:500 var(--text-2xs) var(--font-mono);padding:2px 7px;border-radius:var(--r-sm);letter-spacing:.06em;text-transform:uppercase}.delta.up{background:var(--success-dim);color:var(--green);border:1px solid var(--green-b)}.delta.down{background:var(--danger-dim);color:var(--red);border:1px solid var(--red-b)}.delta.flat{background:var(--s2);color:var(--tx-mut);border:1px solid var(--bd-def)}.delta.warn{background:var(--warning-dim);color:var(--amber);border:1px solid var(--amber-b)}.w-metric{font:600 32px/1 var(--font-mono);margin:8px 0 4px;letter-spacing:-.025em;color:var(--tx-pri)}.w-metric .unit{font-size:var(--text-base);font-weight:400;color:var(--tx-mut);margin-left:3px}.w-metric.sm{font-size:var(--text-xl)}.w-metric.lg{font-size:var(--text-3xl)}.w-metric.green{color:var(--green)}.w-metric.amber{color:var(--amber)}.w-metric.red{color:var(--red)}.w-metric.blue{color:var(--blue)}.w-metric.white{color:var(--tx-pri)}.w-metric.muted{color:var(--tx-mut)}.state-word{font:600 22px/1 var(--font-mono);letter-spacing:-.015em;margin:8px 0 4px;display:flex;align-items:center;gap:10px;color:var(--tx-pri)}.state-word .dot-lg{width:10px;height:10px;border-radius:50%;flex-shrink:0}.state-word.fresh{color:var(--green)}.state-word.fresh .dot-lg{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease-in-out infinite}.state-word.stale{color:var(--amber)}.state-word.stale .dot-lg{background:var(--amber);animation:blink 1.2s ease-in-out infinite}.state-word.dead{color:var(--red)}.state-word.dead .dot-lg{background:var(--red);animation:blink .8s ease-in-out infinite}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{font:500 var(--text-2xs) var(--font-mono);padding:2px 8px;border-radius:var(--r-sm);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px}.tag .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tag.green{background:var(--success-dim);color:var(--green);border:1px solid var(--green-b)}.tag.green .dot{background:var(--green)}.tag.amber{background:var(--warning-dim);color:var(--amber);border:1px solid var(--amber-b)}.tag.amber .dot{background:var(--amber);animation:blink 1.4s ease-in-out infinite}.tag.red{background:var(--danger-dim);color:var(--red);border:1px solid var(--red-b)}.tag.red .dot{background:var(--red);animation:blink .9s ease-in-out infinite}.tag.blue{background:var(--info-dim);color:var(--blue);border:1px solid var(--blue-b)}.tag.blue .dot{background:var(--blue)}.tag.muted{background:var(--s2);color:var(--tx-mut);border:1px solid var(--bd-def)}.tag.muted .dot{background:var(--tx-mut)}.status-line{font:400 var(--text-2xs)/1 var(--font-mono);color:var(--tx-mut);margin-top:4px;letter-spacing:.05em}.status-line .val{color:var(--tx-pri)}.status-line .good{color:var(--green)}.status-line .warn{color:var(--amber)}.status-line .bad{color:var(--red)}.incident-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bd-def);border:1px solid var(--bd-def);margin-top:8px}.incident-grid .inc-cell{background:var(--s1);padding:8px 10px}.inc-label{font:600 var(--text-2xs) var(--font-mono);color:var(--tx-mut);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.inc-val{font:600 20px var(--font-mono);letter-spacing:-.02em;color:var(--tx-pri)}.inc-val.zero{color:var(--tx-mut)}.inc-val.crit{color:var(--red)}.inc-val.warn-c{color:var(--amber)}.incident-note{font:400 var(--text-2xs) var(--font-sans);color:var(--tx-mut);margin-top:8px;padding-top:8px;border-top:1px solid var(--bd-sub)}.incident-note.alert{color:var(--amber);font-family:var(--font-mono)}.w-divider{height:1px;background:var(--bd-sub);margin:8px 0}.bar-wrap{margin-top:auto}.bar-label-row{display:flex;justify-content:space-between;margin-bottom:4px}.bar-label{font:600 var(--text-2xs) var(--font-mono);color:var(--tx-mut);letter-spacing:.06em;text-transform:uppercase}.bar-val{font:400 var(--text-2xs) var(--font-mono);color:var(--tx-sec)}.bar-track{height:3px;background:var(--s4);border-radius:2px;overflow:hidden;margin-bottom:5px}.bar-fill{height:100%;border-radius:2px;transition:width .8s ease-out}.bar-fill.green{background:var(--green)}.bar-fill.amber{background:var(--amber)}.bar-fill.red{background:var(--red);box-shadow:0 0 4px var(--red)}.bar-fill.blue{background:var(--blue)}.cluster-grid{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cluster-row{display:flex;align-items:center;justify-content:space-between;background:var(--s2);border:1px solid var(--bd-def);border-radius:var(--r-md);padding:5px 10px}.cluster-key{font:400 var(--text-2xs) var(--font-mono);color:var(--tx-mut);letter-spacing:.05em;text-transform:uppercase}.cluster-val{font:600 var(--text-xs) var(--font-mono);color:var(--tx-pri)}.trend{font:600 var(--text-2xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px}.trend.up{color:var(--red)}.trend.down{color:var(--green)}.trend.flat{color:var(--tx-mut)}.sparkline-wrap{margin-top:auto;padding-top:8px}.stamp{font:500 var(--text-2xs) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center}.stamp.now{color:var(--green);background:var(--success-dim);border:1px solid var(--green-b);padding:2px 7px;border-radius:var(--r-sm)}.stamp.ago{color:var(--amber);background:var(--warning-dim);border:1px solid var(--amber-b);padding:2px 7px;border-radius:var(--r-sm)}.stamp.old{color:var(--red);background:var(--danger-dim);border:1px solid var(--red-b);padding:2px 7px;border-radius:var(--r-sm)}.shimmer{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:3px}.shimmer.h8{height:8px}.shimmer.h40{height:40px;margin:8px 0}.shimmer.w60{width:60%}.shimmer.w80{width:80%}.tooltip-badge{position:absolute;top:38px;right:10px;font:500 var(--text-2xs) var(--font-mono);background:var(--s3);border:1px solid var(--bd-hi);border-radius:var(--r-md);padding:3px 8px;color:var(--tx-mut);letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.widget-row .w:nth-child(1){animation-delay:0s}.widget-row .w:nth-child(2){animation-delay:.05s}.widget-row .w:nth-child(3){animation-delay:.1s}.widget-row .w:nth-child(4){animation-delay:.15s}.widget-row .w:nth-child(5){animation-delay:.2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skip-link{position:absolute;top:0;left:0;z-index:1000;padding:var(--sp-2) var(--sp-4);background:var(--s0);border:1px solid var(--bd-def);border-radius:0 0 var(--r);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--tx-pri);text-decoration:none;clip-path:inset(50%);overflow:hidden}.skip-link:focus{clip-path:none;outline:2px solid var(--focus-ring);outline-offset:2px}.shell{position:relative}.shell>.main{display:flex;flex-direction:column;min-width:0;min-height:0}.shell .main .main__body{flex:1;min-height:0;display:flex;flex-direction:column}.shell .main .page{flex:1;padding:var(--sp-4);max-width:1600px;width:100%;margin:0 auto;overflow:auto}.shell__aside{flex-shrink:0;width:72px;background:var(--s0);border-right:1px solid var(--bd-sub)}.shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.shell__content{flex:1;padding:var(--sp-4);max-width:1600px;width:100%;margin:0 auto}.shell-loading{padding:var(--sp-4)}.nav-rail{padding:var(--sp-2) 0}.nav-rail__list{list-style:none;margin:0;padding:0}.nav-rail__link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-3) var(--sp-1);margin:0 var(--sp-1);color:var(--tx-mut);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--r);border-left:2px solid transparent;transition:color .1s,background .1s,border-color .1s}.nav-rail__link:hover{color:var(--tx-sec);background:var(--s2);border-color:var(--bd-hi)}.nav-rail__link--active{color:var(--blue);background:var(--s2);border-left-color:var(--blue)}.nav-rail__short{font-family:var(--font-mono);font-weight:600;font-size:14px}.nav-rail__label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.mission-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--bd-sub);background:var(--s1)}.mission-bar__title{margin:0;font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--tx-pri)}.mission-bar__actions,.shell-actions{display:flex;align-items:center;gap:var(--sp-2)}.error-boundary{padding:var(--sp-4);max-width:480px;margin:var(--sp-4) auto}.error-boundary__title{margin:0 0 var(--sp-2);font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--tx-pri)}.error-boundary__message{margin:0 0 var(--sp-4);font-family:var(--font-sans);font-size:14px;color:var(--tx-sec)}.error-boundary__actions{display:flex;gap:var(--sp-2)}.error-boundary__btn{padding:var(--sp-2) var(--sp-3);background:var(--blue-d);color:var(--blue);border:1px solid var(--blue-b);border-radius:var(--r);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .1s,border-color .1s,color .1s}.error-boundary__btn:hover{background:var(--s2);border-color:var(--blue-b)}.error-boundary__btn:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.page{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--tx-sec)}.page h2{margin:0 0 var(--sp-2);font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--tx-pri)}@media(max-width:768px){.sidebar-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#0006;border:none;padding:0;cursor:default;font-size:0}.sidebar.sidebar--overlay{position:fixed;top:0;left:0;width:208px;height:100vh;z-index:300;overflow-x:hidden;overflow-y:auto}.sidebar.sidebar--overlay .sb-section,.sidebar.sidebar--overlay .nav-a span:not(.nb),.sidebar.sidebar--overlay .sb-foot{display:block}.sidebar.sidebar--overlay .nav-a span:not(.nb){display:inline}.sidebar.sidebar--overlay .nav-a{justify-content:flex-start;padding:6px 16px}}.overview-chart__meta{display:inline-flex;align-items:baseline;gap:var(--sp-2)}.overview-chart__tooltip{padding:6px 10px;border-radius:var(--r-md);background:var(--s2);border:1px solid var(--bd-def);box-shadow:0 10px 30px #0000008c;color:var(--tx-pri)}.overview-chart__meta-label{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;color:var(--tx-mut)}.overview-chart__tooltip-title{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-mut)}.overview-chart__tooltip-value{margin-top:2px}.overview-chart{display:flex;flex-direction:column;gap:var(--sp-3);flex:1;min-height:0}.overview-chart__plot{flex:1;min-height:220px}.page-section{margin:var(--sp-4) 0}.page-section:first-of-type{margin-top:0}.page-section:last-of-type{margin-bottom:0}.servers-page__widgets{margin-bottom:var(--sp-4)}.servers-page__widgets-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-3)}