@layer umg.reset,umg.primitives,umg.semantic,umg.chrome,umg.components,umg.product;@layer umg.primitives{@property --brand-fade-duration{syntax: "<time>"; inherits: false; initial-value: .4s;}@property --brand-pulse-duration{syntax: "<time>"; inherits: false; initial-value: 2s;}@property --brand-bar-duration{syntax: "<time>"; inherits: false; initial-value: 1.35s;}@property --brand-spin-duration{syntax: "<time>"; inherits: false; initial-value: .8s;}@property --chrome-bg{syntax: "<color>"; inherits: true; initial-value: #0d2a45;}@property --chrome-bg-deep{syntax: "<color>"; inherits: true; initial-value: #091929;}@property --chrome-bg-mid{syntax: "<color>"; inherits: true; initial-value: #123752;}@property --chrome-bg-light{syntax: "<color>"; inherits: true; initial-value: #153d58;}@property --chrome-bg-hover{syntax: "<color>"; inherits: true; initial-value: #1a4a6a;}@property --chrome-bg-active{syntax: "<color>"; inherits: true; initial-value: #1e5578;}@property --chrome-text{syntax: "<color>"; inherits: true; initial-value: #e8f1f6;}@property --chrome-text-muted{syntax: "<color>"; inherits: true; initial-value: #a8c5d8;}@property --chrome-text-dim{syntax: "<color>"; inherits: true; initial-value: #7299b6;}@property --chrome-text-active{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --chrome-accent{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --chrome-nav-item-height{syntax: "<length>"; inherits: false; initial-value: 44px;}@property --chrome-nav-item-radius{syntax: "<length>"; inherits: false; initial-value: 6px;}@property --chrome-nav-item-px{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --chrome-nav-indicator-width{syntax: "<length>"; inherits: false; initial-value: 3px;}@property --chrome-nav-indicator-color{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --chrome-badge-text{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --chrome-width{syntax: "<length>"; inherits: false; initial-value: 240px;}@property --chrome-width-collapsed{syntax: "<length>"; inherits: false; initial-value: 64px;}@property --chrome-header-height{syntax: "<length>"; inherits: false; initial-value: 56px;}@property --badge-radius{syntax: "<length>"; inherits: false; initial-value: 9999px;}@property --badge-font-weight{syntax: "<number>"; inherits: false; initial-value: 600;}@property --badge-px{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --btn-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --btn-font-weight{syntax: "<number>"; inherits: false; initial-value: 600;}@property --btn-px-sm{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --btn-px-md{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --btn-px-lg{syntax: "<length>"; inherits: false; initial-value: 20px;}@property --card-radius{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --card-padding{syntax: "<length>"; inherits: false; initial-value: 20px;}@property --card-padding-sm{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --chip-radius{syntax: "<length>"; inherits: false; initial-value: 9999px;}@property --chip-px{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --dialog-radius{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --dialog-max-width{syntax: "<length>"; inherits: false; initial-value: 440px;}@property --dialog-padding{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --divider-thickness{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --checkbox-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --toggle-radius{syntax: "<length>"; inherits: false; initial-value: 9999px;}@property --input-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --input-px{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --nav-item-height{syntax: "<length>"; inherits: false; initial-value: 44px;}@property --nav-item-radius{syntax: "<length>"; inherits: false; initial-value: 6px;}@property --nav-item-px{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --nav-indicator-width{syntax: "<length>"; inherits: false; initial-value: 3px;}@property --nav-indicator-color{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --popover-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --popover-padding{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --popover-arrow{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --scrollbar-size{syntax: "<length>"; inherits: false; initial-value: 6px;}@property --skeleton-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --skeleton-duration{syntax: "<time>"; inherits: false; initial-value: 1.5s;}@property --table-cell-px{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --table-cell-py{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --toast-radius{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --toast-max-width{syntax: "<length>"; inherits: false; initial-value: 400px;}@property --toast-px{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --toast-py{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --tooltip-radius{syntax: "<length>"; inherits: false; initial-value: 6px;}@property --tooltip-px{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --tooltip-py{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --tooltip-max-width{syntax: "<length>"; inherits: false; initial-value: 280px;}@property --primitive-amber-100{syntax: "<color>"; inherits: true; initial-value: #fef3c7;}@property --primitive-amber-400{syntax: "<color>"; inherits: true; initial-value: #fbbf24;}@property --primitive-amber-500{syntax: "<color>"; inherits: true; initial-value: #f59e0b;}@property --primitive-amber-600{syntax: "<color>"; inherits: true; initial-value: #d97706;}@property --primitive-amber-700{syntax: "<color>"; inherits: true; initial-value: #b45309;}@property --primitive-amber-900{syntax: "<color>"; inherits: true; initial-value: #78350f;}@property --primitive-blue-50{syntax: "<color>"; inherits: true; initial-value: #f0f9ff;}@property --primitive-blue-100{syntax: "<color>"; inherits: true; initial-value: #e0f2fe;}@property --primitive-blue-200{syntax: "<color>"; inherits: true; initial-value: #bae6fd;}@property --primitive-blue-300{syntax: "<color>"; inherits: true; initial-value: #7dd3fc;}@property --primitive-blue-400{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --primitive-blue-500{syntax: "<color>"; inherits: true; initial-value: #0ea5e9;}@property --primitive-blue-600{syntax: "<color>"; inherits: true; initial-value: #0284c7;}@property --primitive-blue-700{syntax: "<color>"; inherits: true; initial-value: #0369a1;}@property --primitive-blue-800{syntax: "<color>"; inherits: true; initial-value: #075985;}@property --primitive-blue-900{syntax: "<color>"; inherits: true; initial-value: #0c4a6e;}@property --primitive-blue-950{syntax: "<color>"; inherits: true; initial-value: #082f49;}@property --primitive-chart-1{syntax: "<color>"; inherits: true; initial-value: #0ea5e9;}@property --primitive-chart-2{syntax: "<color>"; inherits: true; initial-value: #8b5cf6;}@property --primitive-chart-3{syntax: "<color>"; inherits: true; initial-value: #ec4899;}@property --primitive-chart-4{syntax: "<color>"; inherits: true; initial-value: #f59e0b;}@property --primitive-chart-5{syntax: "<color>"; inherits: true; initial-value: #10b981;}@property --primitive-chart-6{syntax: "<color>"; inherits: true; initial-value: #ef4444;}@property --primitive-chart-7{syntax: "<color>"; inherits: true; initial-value: #14b8a6;}@property --primitive-chart-8{syntax: "<color>"; inherits: true; initial-value: #f97316;}@property --primitive-chart-1-soft{syntax: "<color>"; inherits: true; initial-value: #7dd3fc;}@property --primitive-chart-1-bold{syntax: "<color>"; inherits: true; initial-value: #0369a1;}@property --primitive-chart-2-soft{syntax: "<color>"; inherits: true; initial-value: #c4b5fd;}@property --primitive-chart-2-bold{syntax: "<color>"; inherits: true; initial-value: #6d28d9;}@property --primitive-chart-3-soft{syntax: "<color>"; inherits: true; initial-value: #f9a8d4;}@property --primitive-chart-3-bold{syntax: "<color>"; inherits: true; initial-value: #be185d;}@property --primitive-chart-4-soft{syntax: "<color>"; inherits: true; initial-value: #fcd34d;}@property --primitive-chart-4-bold{syntax: "<color>"; inherits: true; initial-value: #b45309;}@property --primitive-chart-5-soft{syntax: "<color>"; inherits: true; initial-value: #6ee7b7;}@property --primitive-chart-5-bold{syntax: "<color>"; inherits: true; initial-value: #047857;}@property --primitive-chart-6-soft{syntax: "<color>"; inherits: true; initial-value: #fca5a5;}@property --primitive-chart-6-bold{syntax: "<color>"; inherits: true; initial-value: #b91c1c;}@property --primitive-chart-7-soft{syntax: "<color>"; inherits: true; initial-value: #5eead4;}@property --primitive-chart-7-bold{syntax: "<color>"; inherits: true; initial-value: #0f766e;}@property --primitive-chart-8-soft{syntax: "<color>"; inherits: true; initial-value: #fdba74;}@property --primitive-chart-8-bold{syntax: "<color>"; inherits: true; initial-value: #c2410c;}@property --primitive-green-100{syntax: "<color>"; inherits: true; initial-value: #dcfce7;}@property --primitive-green-400{syntax: "<color>"; inherits: true; initial-value: #4ade80;}@property --primitive-green-500{syntax: "<color>"; inherits: true; initial-value: #22c55e;}@property --primitive-green-600{syntax: "<color>"; inherits: true; initial-value: #16a34a;}@property --primitive-green-700{syntax: "<color>"; inherits: true; initial-value: #15803d;}@property --primitive-green-900{syntax: "<color>"; inherits: true; initial-value: #14532d;}@property --primitive-navy-deep{syntax: "<color>"; inherits: true; initial-value: #091929;}@property --primitive-navy-base{syntax: "<color>"; inherits: true; initial-value: #0d2a45;}@property --primitive-navy-mid{syntax: "<color>"; inherits: true; initial-value: #123752;}@property --primitive-navy-light{syntax: "<color>"; inherits: true; initial-value: #153d58;}@property --primitive-navy-hover{syntax: "<color>"; inherits: true; initial-value: #1a4a6a;}@property --primitive-navy-active{syntax: "<color>"; inherits: true; initial-value: #1e5578;}@property --primitive-neutral-0{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --primitive-neutral-50{syntax: "<color>"; inherits: true; initial-value: #f8fafc;}@property --primitive-neutral-100{syntax: "<color>"; inherits: true; initial-value: #f1f5f9;}@property --primitive-neutral-200{syntax: "<color>"; inherits: true; initial-value: #e2e8f0;}@property --primitive-neutral-300{syntax: "<color>"; inherits: true; initial-value: #cbd5e1;}@property --primitive-neutral-400{syntax: "<color>"; inherits: true; initial-value: #94a3b8;}@property --primitive-neutral-500{syntax: "<color>"; inherits: true; initial-value: #64748b;}@property --primitive-neutral-600{syntax: "<color>"; inherits: true; initial-value: #475569;}@property --primitive-neutral-700{syntax: "<color>"; inherits: true; initial-value: #334155;}@property --primitive-neutral-800{syntax: "<color>"; inherits: true; initial-value: #1e293b;}@property --primitive-neutral-850{syntax: "<color>"; inherits: true; initial-value: #131c2e;}@property --primitive-neutral-900{syntax: "<color>"; inherits: true; initial-value: #0f172a;}@property --primitive-neutral-950{syntax: "<color>"; inherits: true; initial-value: #080f1a;}@property --primitive-red-100{syntax: "<color>"; inherits: true; initial-value: #fee2e2;}@property --primitive-red-400{syntax: "<color>"; inherits: true; initial-value: #f87171;}@property --primitive-red-500{syntax: "<color>"; inherits: true; initial-value: #ef4444;}@property --primitive-red-600{syntax: "<color>"; inherits: true; initial-value: #dc2626;}@property --primitive-red-700{syntax: "<color>"; inherits: true; initial-value: #b91c1c;}@property --primitive-red-900{syntax: "<color>"; inherits: true; initial-value: #7f1d1d;}@property --color-text-on-accent{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --color-text-on-status{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --density-scale{syntax: "<number>"; inherits: false; initial-value: 1;}@property --size-content-max{syntax: "<length>"; inherits: false; initial-value: 1400px;}@property --size-panel-max{syntax: "<length>"; inherits: false; initial-value: 440px;}@property --size-panel-sm{syntax: "<length>"; inherits: false; initial-value: 320px;}@property --size-toolbar-height{syntax: "<length>"; inherits: false; initial-value: 52px;}@property --size-status-bar-height{syntax: "<length>"; inherits: false; initial-value: 28px;}@property --size-icon-xs{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --size-icon-sm{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --size-icon-md{syntax: "<length>"; inherits: false; initial-value: 20px;}@property --size-icon-lg{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --size-icon-xl{syntax: "<length>"; inherits: false; initial-value: 32px;}@property --z-base{syntax: "<number>"; inherits: false; initial-value: 0;}@property --z-dropdown{syntax: "<number>"; inherits: false; initial-value: 100;}@property --z-sticky{syntax: "<number>"; inherits: false; initial-value: 200;}@property --z-fixed{syntax: "<number>"; inherits: false; initial-value: 300;}@property --z-modal-backdrop{syntax: "<number>"; inherits: false; initial-value: 400;}@property --z-modal{syntax: "<number>"; inherits: false; initial-value: 500;}@property --z-popover{syntax: "<number>"; inherits: false; initial-value: 600;}@property --z-tooltip{syntax: "<number>"; inherits: false; initial-value: 700;}@property --z-toast{syntax: "<number>"; inherits: false; initial-value: 900;}@property --z-top{syntax: "<number>"; inherits: false; initial-value: 1000;}@property --motion-duration-instant{syntax: "<time>"; inherits: false; initial-value: 60ms;}@property --motion-duration-fast{syntax: "<time>"; inherits: false; initial-value: .12s;}@property --motion-duration-normal{syntax: "<time>"; inherits: false; initial-value: .2s;}@property --motion-duration-slow{syntax: "<time>"; inherits: false; initial-value: .3s;}@property --motion-duration-slower{syntax: "<time>"; inherits: false; initial-value: .5s;}@property --motion-duration-theme{syntax: "<time>"; inherits: false; initial-value: .18s;}@property --radius-xs{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --radius-sm{syntax: "<length>"; inherits: false; initial-value: 6px;}@property --radius-md{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --radius-lg{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --radius-xl{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --radius-2xl{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --radius-full{syntax: "<length>"; inherits: false; initial-value: 9999px;}@property --space-0{syntax: "<length>"; inherits: false; initial-value: 0;}@property --space-1{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --space-2{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --space-3{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --space-4{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --space-5{syntax: "<length>"; inherits: false; initial-value: 20px;}@property --space-6{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --space-7{syntax: "<length>"; inherits: false; initial-value: 28px;}@property --space-8{syntax: "<length>"; inherits: false; initial-value: 32px;}@property --space-10{syntax: "<length>"; inherits: false; initial-value: 40px;}@property --space-12{syntax: "<length>"; inherits: false; initial-value: 48px;}@property --space-14{syntax: "<length>"; inherits: false; initial-value: 56px;}@property --space-16{syntax: "<length>"; inherits: false; initial-value: 64px;}@property --space-20{syntax: "<length>"; inherits: false; initial-value: 80px;}@property --space-px{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --space-stack-xs{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --space-stack-sm{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --space-stack-md{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --space-stack-lg{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --space-stack-xl{syntax: "<length>"; inherits: false; initial-value: 32px;}@property --space-inline-xs{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --space-inline-sm{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --space-inline-md{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --space-inline-lg{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --space-inset-xs{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --space-inset-sm{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --space-inset-md{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --space-inset-lg{syntax: "<length>"; inherits: false; initial-value: 20px;}@property --space-inset-xl{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --font-weight-normal{syntax: "<number>"; inherits: false; initial-value: 400;}@property --font-weight-medium{syntax: "<number>"; inherits: false; initial-value: 500;}@property --font-weight-semibold{syntax: "<number>"; inherits: false; initial-value: 600;}@property --font-weight-bold{syntax: "<number>"; inherits: false; initial-value: 700;}@property --font-weight-heavy{syntax: "<number>"; inherits: false; initial-value: 760;}@property --leading-tight{syntax: "<number>"; inherits: false; initial-value: 1.2;}@property --leading-snug{syntax: "<number>"; inherits: false; initial-value: 1.35;}@property --leading-ui{syntax: "<number>"; inherits: false; initial-value: 1.45;}@property --leading-normal{syntax: "<number>"; inherits: false; initial-value: 1.5;}@property --leading-relaxed{syntax: "<number>"; inherits: false; initial-value: 1.65;}@property --leading-code{syntax: "<number>"; inherits: false; initial-value: 1.6;}@property --tracking-normal{syntax: "<length>"; inherits: false; initial-value: 0;}}@layer umg.semantic{:root{color-scheme:light dark;--brand-fade-duration: .4s;--brand-pulse-duration: 2s;--brand-bar-duration: 1.35s;--brand-spin-duration: .8s;--chrome-bg: var(--primitive-navy-base);--chrome-bg-deep: var(--primitive-navy-deep);--chrome-bg-mid: var(--primitive-navy-mid);--chrome-bg-light: var(--primitive-navy-light);--chrome-bg-hover: var(--primitive-navy-hover);--chrome-bg-active: var(--primitive-navy-active);--chrome-bg-gradient: linear-gradient(180deg, var(--chrome-bg) 0%, var(--chrome-bg-mid) 54%, var(--chrome-bg-light) 100%);--chrome-text: #e8f1f6;--chrome-text-muted: #a8c5d8;--chrome-text-dim: #7299b6;--chrome-text-active: #ffffff;--chrome-border: rgb(255 255 255 / .08);--chrome-border-strong: rgb(255 255 255 / .14);--chrome-separator: rgb(255 255 255 / .08);--chrome-accent: #38bdf8;--chrome-accent-muted: rgb(56 189 248 / .18);--chrome-nav-item-height: 44px;--chrome-nav-item-radius: 6px;--chrome-nav-item-px: 12px;--chrome-nav-indicator-width: 3px;--chrome-nav-indicator-color: var(--chrome-accent);--chrome-badge-bg: rgb(56 189 248 / .22);--chrome-badge-text: #38bdf8;--chrome-width: 240px;--chrome-width-collapsed: 64px;--chrome-header-height: 56px;--badge-radius: var(--radius-full);--badge-font-size: var(--font-size-12);--badge-font-weight: var(--font-weight-semibold);--badge-height: var(--size-control-xs);--badge-px: var(--space-2);--btn-radius: var(--radius-md);--btn-font-size: var(--font-size-base);--btn-font-weight: var(--font-weight-semibold);--btn-height-sm: var(--size-control-sm);--btn-height-md: var(--size-control-md);--btn-height-lg: var(--size-control-lg);--btn-px-sm: var(--space-3);--btn-px-md: var(--space-4);--btn-px-lg: var(--space-5);--btn-icon-sm: var(--size-control-sm);--btn-icon-md: var(--size-control-md);--btn-icon-lg: var(--size-control-lg);--card-radius: var(--radius-lg);--card-bg: var(--color-bg-surface);--card-tint: var(--color-surface-tint);--card-border: var(--color-border-subtle);--card-padding: var(--space-inset-lg);--card-padding-sm: var(--space-inset-md);--chip-radius: var(--radius-full);--chip-height: var(--size-control-sm);--chip-font-size: var(--font-size-13);--chip-px: var(--space-3);--dialog-radius: var(--radius-xl);--dialog-max-width: var(--size-panel-max);--dialog-padding: var(--space-6);--dialog-backdrop: var(--color-bg-overlay);--dialog-backdrop-blur: blur(8px);--divider-color: var(--color-divider);--divider-thickness: 1px;--checkbox-size: calc(var(--size-control-md) * .45);--checkbox-radius: var(--radius-xs);--toggle-width: var(--size-control-md);--toggle-height: calc(var(--size-control-md) * .55);--toggle-radius: var(--radius-full);--input-radius: var(--radius-md);--input-height: var(--size-control-md);--input-height-sm: var(--size-control-sm);--input-bg: var(--color-bg-input);--input-border: var(--color-border-default);--input-border-focus: var(--color-border-focus);--input-border-error: var(--color-border-error);--input-font-size: var(--font-size-lg);--input-px: var(--space-3);--nav-item-height: var(--chrome-nav-item-height);--nav-item-radius: var(--chrome-nav-item-radius);--nav-item-px: var(--chrome-nav-item-px);--nav-indicator-width: var(--chrome-nav-indicator-width);--nav-indicator-color: var(--chrome-nav-indicator-color);--popover-radius: var(--radius-md);--popover-bg: var(--color-bg-elevated);--popover-border: var(--color-border-default);--popover-padding: var(--space-3);--popover-arrow: 8px;--scrollbar-size: 6px;--scrollbar-thumb: var(--color-border-strong);--scrollbar-thumb-hover: var(--color-text-tertiary);--scrollbar-track: transparent;--selection-bg: var(--color-selection-bg);--selection-text: var(--color-selection-text);--skeleton-radius: var(--radius-md);--skeleton-bg: var(--color-skeleton-base);--skeleton-shine: var(--color-skeleton-shine);--skeleton-duration: 1.5s;--table-border: var(--color-border-subtle);--table-row-hover: var(--state-overlay-hover);--table-cell-px: var(--space-4);--table-cell-py: var(--space-3);--table-header-bg: var(--color-bg-subtle);--table-font-size: var(--font-size-sm);--toast-radius: var(--radius-lg);--toast-max-width: 400px;--toast-px: var(--space-4);--toast-py: var(--space-3);--tooltip-radius: var(--radius-sm);--tooltip-bg: var(--color-bg-elevated);--tooltip-text: var(--color-text-primary);--tooltip-font-size: var(--font-size-12);--tooltip-px: var(--space-2);--tooltip-py: var(--space-1);--tooltip-max-width: 280px;--primitive-amber-100: #fef3c7;--primitive-amber-400: #fbbf24;--primitive-amber-500: #f59e0b;--primitive-amber-600: #d97706;--primitive-amber-700: #b45309;--primitive-amber-900: #78350f;--primitive-blue-50: #f0f9ff;--primitive-blue-100: #e0f2fe;--primitive-blue-200: #bae6fd;--primitive-blue-300: #7dd3fc;--primitive-blue-400: #38bdf8;--primitive-blue-500: #0ea5e9;--primitive-blue-600: #0284c7;--primitive-blue-700: #0369a1;--primitive-blue-800: #075985;--primitive-blue-900: #0c4a6e;--primitive-blue-950: #082f49;--primitive-chart-1: #0ea5e9;--primitive-chart-2: #8b5cf6;--primitive-chart-3: #ec4899;--primitive-chart-4: #f59e0b;--primitive-chart-5: #10b981;--primitive-chart-6: #ef4444;--primitive-chart-7: #14b8a6;--primitive-chart-8: #f97316;--primitive-chart-1-soft: #7dd3fc;--primitive-chart-1-bold: #0369a1;--primitive-chart-2-soft: #c4b5fd;--primitive-chart-2-bold: #6d28d9;--primitive-chart-3-soft: #f9a8d4;--primitive-chart-3-bold: #be185d;--primitive-chart-4-soft: #fcd34d;--primitive-chart-4-bold: #b45309;--primitive-chart-5-soft: #6ee7b7;--primitive-chart-5-bold: #047857;--primitive-chart-6-soft: #fca5a5;--primitive-chart-6-bold: #b91c1c;--primitive-chart-7-soft: #5eead4;--primitive-chart-7-bold: #0f766e;--primitive-chart-8-soft: #fdba74;--primitive-chart-8-bold: #c2410c;--primitive-green-100: #dcfce7;--primitive-green-400: #4ade80;--primitive-green-500: #22c55e;--primitive-green-600: #16a34a;--primitive-green-700: #15803d;--primitive-green-900: #14532d;--primitive-navy-deep: #091929;--primitive-navy-base: #0d2a45;--primitive-navy-mid: #123752;--primitive-navy-light: #153d58;--primitive-navy-hover: #1a4a6a;--primitive-navy-active: #1e5578;--primitive-neutral-0: #ffffff;--primitive-neutral-50: #f8fafc;--primitive-neutral-100: #f1f5f9;--primitive-neutral-200: #e2e8f0;--primitive-neutral-300: #cbd5e1;--primitive-neutral-400: #94a3b8;--primitive-neutral-500: #64748b;--primitive-neutral-600: #475569;--primitive-neutral-700: #334155;--primitive-neutral-800: #1e293b;--primitive-neutral-850: #131c2e;--primitive-neutral-900: #0f172a;--primitive-neutral-950: #080f1a;--primitive-red-100: #fee2e2;--primitive-red-400: #f87171;--primitive-red-500: #ef4444;--primitive-red-600: #dc2626;--primitive-red-700: #b91c1c;--primitive-red-900: #7f1d1d;--color-bg-base: light-dark(#f8fafc, #080f1a);--color-bg-subtle: light-dark(#f1f5f9, #0f172a);--color-bg-surface: light-dark(#ffffff, #131c2e);--color-bg-elevated: light-dark(#ffffff, #1e293b);--color-bg-overlay: light-dark(rgb(15 23 42 / .36), rgb(0 0 0 / .55));--color-bg-input: light-dark(#ffffff, #0f172a);--color-surface-tint: light-dark(transparent, rgb(255 255 255 / .04));--color-text-primary: light-dark(#0f172a, #f8fafc);--color-text-secondary: light-dark(#475569, #cbd5e1);--color-text-tertiary: light-dark(#64748b, #94a3b8);--color-text-placeholder: light-dark(#64748b, #94a3b8);--color-text-disabled: light-dark(#94a3b8, #475569);--color-text-on-accent: #ffffff;--color-text-on-status: #ffffff;--color-text-link: light-dark(#0369a1, #38bdf8);--color-border-subtle: light-dark(rgb(15 23 42 / .07), rgb(248 250 252 / .06));--color-border-default: light-dark(rgb(15 23 42 / .12), rgb(248 250 252 / .1));--color-border-strong: light-dark(rgb(15 23 42 / .22), rgb(248 250 252 / .18));--color-border-focus: light-dark(#0ea5e9, #38bdf8);--color-border-error: light-dark(#dc2626, #f87171);--color-border-success: light-dark(#16a34a, #4ade80);--color-action-primary: light-dark(#0284c7, #0ea5e9);--color-action-primary-hover: light-dark(color-mix(in oklch, #0ea5e9 88%, black), color-mix(in oklch, #0ea5e9 88%, white));--color-action-primary-active: light-dark(color-mix(in oklch, #0ea5e9 76%, black), color-mix(in oklch, #0ea5e9 76%, white));--color-action-primary-muted: light-dark(color-mix(in oklch, #0ea5e9 15%, transparent), color-mix(in oklch, #0ea5e9 22%, transparent));--color-action-primary-on-muted: light-dark(#0369a1, #7dd3fc);--color-status-success: light-dark(#15803d, #4ade80);--color-status-success-bg: light-dark(#dcfce7, rgb(34 197 94 / .12));--color-status-success-border: light-dark(rgb(34 197 94 / .3), rgb(34 197 94 / .25));--color-status-warning: light-dark(#b45309, #fbbf24);--color-status-warning-bg: light-dark(#fef3c7, rgb(245 158 11 / .12));--color-status-warning-border: light-dark(rgb(245 158 11 / .3), rgb(245 158 11 / .25));--color-status-error: light-dark(#b91c1c, #f87171);--color-status-error-bg: light-dark(#fee2e2, rgb(239 68 68 / .12));--color-status-error-border: light-dark(rgb(239 68 68 / .3), rgb(239 68 68 / .25));--color-status-info: light-dark(#0369a1, #7dd3fc);--color-status-info-bg: light-dark(#e0f2fe, rgb(14 165 233 / .12));--color-status-info-border: light-dark(rgb(14 165 233 / .3), rgb(14 165 233 / .25));--color-divider: light-dark(rgb(15 23 42 / .1), rgb(248 250 252 / .1));--color-selection-bg: light-dark(#bae6fd, rgb(14 165 233 / .32));--color-selection-text: light-dark(#0f172a, #f8fafc);--color-code-bg: light-dark(#f1f5f9, #0f172a);--color-skeleton-base: light-dark(#e2e8f0, #1e293b);--color-skeleton-shine: light-dark(#f1f5f9, #131c2e);--state-overlay-hover: light-dark(rgb(15 23 42 / .04), rgb(248 250 252 / .06));--state-overlay-active: light-dark(rgb(15 23 42 / .08), rgb(248 250 252 / .1));--state-overlay-pressed: light-dark(rgb(15 23 42 / .12), rgb(248 250 252 / .14));--state-overlay-selected: var(--color-action-primary-muted);--state-overlay-disabled: light-dark(rgb(15 23 42 / .04), rgb(248 250 252 / .04));--density-scale: 1;--size-content-max: 1400px;--size-panel-max: 440px;--size-panel-sm: 320px;--size-toolbar-height: 52px;--size-status-bar-height: 28px;--size-control-xs: calc(24px * var(--density-scale));--size-control-sm: calc(32px * var(--density-scale));--size-control-md: calc(40px * var(--density-scale));--size-control-lg: calc(44px * var(--density-scale));--size-control-xl: calc(52px * var(--density-scale));--size-touch-target-min: var(--size-control-lg);--size-icon-xs: 12px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 900;--z-top: 1000;--motion-duration-instant: 60ms;--motion-duration-fast: .12s;--motion-duration-normal: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .5s;--motion-duration-theme: .18s;--motion-ease-default: cubic-bezier(.4, 0, .2, 1);--motion-ease-out: cubic-bezier(0, 0, .2, 1);--motion-ease-in: cubic-bezier(.4, 0, 1, 1);--motion-ease-in-out: cubic-bezier(.65, 0, .35, 1);--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-ease-touch: cubic-bezier(.32, .72, 0, 1);--transition-colors: color .12s cubic-bezier(.4, 0, .2, 1), background-color .12s cubic-bezier(.4, 0, .2, 1), border-color .12s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .12s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .12s cubic-bezier(0, 0, .2, 1);--transition-interactive: color .12s cubic-bezier(.4, 0, .2, 1), background-color .12s cubic-bezier(.4, 0, .2, 1), border-color .12s cubic-bezier(.4, 0, .2, 1), box-shadow .12s cubic-bezier(.4, 0, .2, 1), transform .12s cubic-bezier(0, 0, .2, 1);--transition-theme: background-color .18s cubic-bezier(0, 0, .2, 1), color .18s cubic-bezier(0, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .25s cubic-bezier(.25, .46, .45, .94);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-px: 1px;--space-stack-xs: var(--space-1);--space-stack-sm: var(--space-2);--space-stack-md: var(--space-4);--space-stack-lg: var(--space-6);--space-stack-xl: var(--space-8);--space-inline-xs: var(--space-1);--space-inline-sm: var(--space-2);--space-inline-md: var(--space-3);--space-inline-lg: var(--space-4);--space-inset-xs: var(--space-2);--space-inset-sm: var(--space-3);--space-inset-md: var(--space-4);--space-inset-lg: var(--space-5);--space-inset-xl: var(--space-6);--space-inset-squish-sm: 8px 12px;--space-inset-squish-md: 8px 16px;--space-inset-squish-lg: 12px 20px;--space-inset-stretch-md: 16px 12px;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-feature-default: "cv11", "ss01", "ss03";--font-feature-tabular: "tnum", "cv11";--font-feature-display: "ss01", "ss03", "cv11";--font-size-10: .625rem;--font-size-11: .6875rem;--font-size-12: .75rem;--font-size-13: .8125rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-28: 1.75rem;--font-size-32: 2rem;--font-size-36: 2.25rem;--font-size-48: 3rem;--font-size-title-fluid: clamp(1.25rem, .95rem + 1.5vw, 1.75rem);--font-size-display-fluid: clamp(1.75rem, 1.2rem + 2.75vw, 2.25rem);--font-size-hero-fluid: clamp(2rem, 1.3rem + 3.5vw, 3rem);--font-size-label: var(--font-size-11);--font-size-caption: var(--font-size-12);--font-size-sm: var(--font-size-13);--font-size-base: var(--font-size-14);--font-size-lg: var(--font-size-16);--font-size-xl: var(--font-size-20);--font-size-title: var(--font-size-title-fluid);--font-size-display: var(--font-size-display-fluid);--font-size-metric: var(--font-size-32);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-heavy: 760;--leading-tight: 1.2;--leading-snug: 1.35;--leading-ui: 1.45;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-code: 1.6;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-widest: .08em;--shadow-light-xs: 0 1px 2px rgb(15 23 42 / .06);--shadow-light-sm: 0 1px 3px rgb(15 23 42 / .08), 0 1px 2px rgb(15 23 42 / .05);--shadow-light-md: 0 4px 12px rgb(15 23 42 / .1), 0 2px 4px rgb(15 23 42 / .06);--shadow-light-lg: 0 8px 24px rgb(15 23 42 / .12), 0 4px 8px rgb(15 23 42 / .06);--shadow-light-xl: 0 16px 48px rgb(15 23 42 / .14), 0 8px 16px rgb(15 23 42 / .06);--shadow-light-pop: 0 20px 64px rgb(15 23 42 / .18);--shadow-dark-xs: 0 1px 2px rgb(0 0 0 / .25);--shadow-dark-sm: 0 1px 3px rgb(0 0 0 / .35), 0 1px 2px rgb(0 0 0 / .25);--shadow-dark-md: 0 4px 12px rgb(0 0 0 / .4);--shadow-dark-lg: 0 8px 24px rgb(0 0 0 / .5);--shadow-dark-xl: 0 16px 48px rgb(0 0 0 / .6);--shadow-dark-pop: 0 20px 64px rgb(0 0 0 / .7);--shadow-xs: light-dark(var(--shadow-light-xs), var(--shadow-dark-xs));--shadow-sm: light-dark(var(--shadow-light-sm), var(--shadow-dark-sm));--shadow-md: light-dark(var(--shadow-light-md), var(--shadow-dark-md));--shadow-lg: light-dark(var(--shadow-light-lg), var(--shadow-dark-lg));--shadow-xl: light-dark(var(--shadow-light-xl), var(--shadow-dark-xl));--shadow-pop: light-dark(var(--shadow-light-pop), var(--shadow-dark-pop));--shadow-focus: 0 0 0 3px var(--color-action-primary-muted);--shadow-focus-inset: inset 0 0 0 2px var(--color-action-primary);--shadow-glow-primary: 0 0 20px var(--color-action-primary-muted);--shadow-glow-success: 0 0 20px var(--color-status-success-bg);--shadow-glow-warning: 0 0 20px var(--color-status-warning-bg);--shadow-glow-error: 0 0 20px var(--color-status-error-bg);--shadow-glow-info: 0 0 20px var(--color-status-info-bg)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}[data-density=compact]{--density-scale: .85}[data-density=compact] [data-touch=true]{--density-scale: 1}}@layer umg.reset{*,*:before,*:after{box-sizing:border-box}::selection{background-color:var(--color-selection-bg, #bae6fd);color:var(--color-selection-text, #0f172a)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}[disabled],[aria-disabled=true]{cursor:not-allowed}}@layer umg.product{[data-product=encode]{--color-action-primary: light-dark(#16a34a, #22c55e);--color-action-primary-hover: light-dark(#15803d, #4ade80);--color-action-primary-active: light-dark(#166534, #16a34a);--color-action-primary-muted: light-dark(rgb(34 197 94 / .12), rgb(34 197 94 / .15));--color-action-primary-on-muted: light-dark(#15803d, #4ade80);--color-text-on-accent: #052e16}[data-product=sentyr]{--color-bg-base: light-dark(#f5f6fa, #141824);--color-bg-subtle: light-dark(#eef0f6, #1a1e2e);--color-bg-surface: light-dark(#ffffff, #1a1e2e);--color-bg-elevated: light-dark(#ffffff, #2a3042);--color-bg-input: light-dark(#ffffff, #141824);--color-text-primary: light-dark(#1c1c1e, #f5f5f7);--color-text-secondary: light-dark(#48484a, #a8adb8);--color-text-tertiary: light-dark(#6e6e73, #6b7288);--color-text-placeholder: light-dark(#86868b, #6b7288);--color-text-disabled: light-dark(#aeaeb2, #454c5e);--color-border-subtle: light-dark(rgb(15 23 42 / .06), rgb(255 255 255 / .06));--color-border-default: light-dark(rgb(15 23 42 / .1), rgb(255 255 255 / .09));--color-border-strong: light-dark(rgb(15 23 42 / .18), rgb(255 255 255 / .14));--color-action-primary: light-dark(#1976d2, #2196f3);--color-action-primary-hover: light-dark(#1565c0, #42a5f5);--color-action-primary-active: light-dark(#0d47a1, #1e88e5);--color-action-primary-muted: light-dark(rgb(33 150 243 / .1), rgb(33 150 243 / .15));--color-status-success: light-dark(#2e7d32, #4caf50);--color-status-success-bg: light-dark(rgb(76 175 80 / .1), rgb(76 175 80 / .14));--color-status-success-border: light-dark(rgb(76 175 80 / .32), rgb(76 175 80 / .32));--color-status-warning: light-dark(#ef6c00, #ffb300);--color-status-warning-bg: light-dark(rgb(255 179 0 / .1), rgb(255 179 0 / .14));--color-status-warning-border: light-dark(rgb(255 179 0 / .32), rgb(255 179 0 / .32));--color-status-error: light-dark(#c62828, #f44336);--color-status-error-bg: light-dark(rgb(244 67 54 / .1), rgb(244 67 54 / .14));--color-status-error-border: light-dark(rgb(244 67 54 / .32), rgb(244 67 54 / .32));--color-status-info: light-dark(#0277bd, #29b6f6);--color-status-info-bg: light-dark(rgb(33 150 243 / .1), rgb(33 150 243 / .14));--color-status-info-border: light-dark(rgb(33 150 243 / .32), rgb(33 150 243 / .32));--font-family-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-glow-primary: 0 0 20px rgb(33 150 243 / .45);--shadow-glow-success: 0 0 20px rgb(76 175 80 / .45);--shadow-glow-warning: 0 0 20px rgb(255 179 0 / .45);--shadow-glow-error: 0 0 20px rgb(244 67 54 / .45)}}:root{--color-action-primary: light-dark(#0369a1, #38bdf8);--color-action-primary-hover: light-dark(#075985, #7dd3fc);--color-text-on-accent: light-dark(#ffffff, #082f49);--color-text-on-danger: light-dark(#ffffff, #450a0a)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-sans);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-14);line-height:var(--leading-normal, 1.45);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}#root{height:100%}code,kbd,samp,pre{font-family:inherit}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.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}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-action-primary);color:var(--color-text-on-accent);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold, 600);z-index:100;transform:translateY(-200%);transition:transform .15s ease-out}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.placeholder{padding:var(--space-12) var(--space-6);text-align:center}.placeholder h1{font-size:var(--font-size-24);color:var(--color-text-primary);font-weight:var(--font-weight-semibold, 600);letter-spacing:-.01em;margin-bottom:var(--space-2)}.placeholder p{color:var(--color-text-secondary)}.login{height:100dvh;overflow-y:auto;display:grid;align-items:safe center;justify-items:center;padding:var(--space-8) var(--space-4)}.login-form{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);padding:var(--space-6);width:min(360px,100%);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-md)}.login-form h1{margin:0;font-size:var(--font-size-18);color:var(--color-text-primary);text-align:center;font-weight:var(--font-weight-semibold, 600);letter-spacing:-.01em}.login-form label{display:flex;flex-direction:column;font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;gap:var(--space-1)}.login-form input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);padding:0 var(--input-px);height:44px;border-radius:var(--input-radius);font-size:var(--font-size-14);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.login-form button{background:var(--color-action-primary);border:none;height:44px;border-radius:var(--btn-radius);color:var(--color-text-on-accent);font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-14);cursor:pointer;transition:background .12s ease-out}.login-form button:hover{background:var(--color-action-primary-hover)}.login-form button:disabled{opacity:.6;cursor:progress}.error{margin:0;color:var(--color-status-error);font-size:var(--font-size-13);text-align:center}.loading{padding:var(--space-12);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-13)}.page-loading{min-height:100%}.shell{--page-gutter: var(--space-6);display:grid;grid-template-columns:208px 1fr;height:100dvh;overflow:hidden}.sidebar{overflow-y:auto;min-height:0;background:var(--color-bg-elevated, var(--color-bg-surface));border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2)}.sidebar-brand{display:flex;align-items:center;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-14);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-2);padding:0 var(--space-2);min-height:48px;text-decoration:none;border-bottom:1px solid var(--color-border-subtle)}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-group-label{font-size:var(--font-size-11);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary, var(--color-text-secondary));padding:0 var(--space-2);margin-bottom:var(--space-1)}.nav-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-1) var(--space-1)}.sidebar a{color:var(--color-text-secondary);text-decoration:none;padding:0 var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;min-height:44px;font-size:var(--font-size-13);font-weight:var(--font-weight-medium, 500);transition:background .1s ease-out,color .1s ease-out}.sidebar a:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.sidebar a.active{background:var(--color-action-primary-muted);color:var(--color-action-primary);font-weight:var(--font-weight-semibold, 600);box-shadow:inset 2px 0 0 var(--color-action-primary)}.sidebar-footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-2);margin-top:var(--space-2)}.user-email{font-size:var(--font-size-11);color:var(--color-text-secondary);margin-bottom:var(--space-2);word-break:break-all}.sidebar-footer button{width:100%;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);height:44px;border-radius:var(--btn-radius);cursor:pointer;font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);transition:background .1s ease-out,border-color .1s ease-out}.sidebar-footer button:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.main{padding:0 var(--space-6) var(--space-6) var(--space-6);overflow-y:auto;overflow-x:hidden;min-width:0}.mobile-bar,.drawer-close{display:none}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:0;background:var(--color-bg-overlay);z-index:40;cursor:default}.mobile-bar-toggle{background:transparent;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);width:44px;height:44px;display:grid;place-items:center;cursor:pointer}@media(max-width:768px){.shell{--page-gutter: var(--space-3);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:30}.mobile-bar .sidebar-brand{margin:0;height:auto;padding:0}.sidebar{position:fixed;inset:0 auto 0 0;width:min(260px,80vw);z-index:50;visibility:hidden;transform:translate(-100%);transition:transform .18s ease-out;box-shadow:var(--shadow-lg)}.drawer-close{display:block;min-height:44px;background:var(--color-bg-subtle);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-backdrop.open{display:block}.main{padding:0 var(--space-3) var(--space-4) var(--space-3)}.page-header{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-3);margin:0 calc(var(--space-3) * -1) 0 calc(var(--space-3) * -1)}}.page{max-width:none;margin:0}.page h1{margin:0;font-size:var(--font-size-20);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);letter-spacing:-.01em}.page h2{margin:var(--space-5) 0 var(--space-2) 0;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em}.subtitle{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-12)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2);margin:var(--space-3) 0 var(--space-4) 0}.card,.kpi{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);padding:var(--space-3) var(--space-4);transition:border-color .1s ease-out,background .1s ease-out,box-shadow .1s ease-out}.kpi{display:block;text-decoration:none;color:inherit;position:relative}.card:hover{border-color:var(--color-border-default)}.kpi:hover{border-color:var(--color-action-primary);background:var(--color-action-primary-muted);text-decoration:none}.kpi:focus-visible{border-color:var(--color-action-primary)}.kpi-value{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.01em}.kpi-label{font-size:var(--font-size-11);color:var(--color-text-secondary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-medium, 500)}.kpi-detail{margin-top:var(--space-1);font-size:var(--font-size-11);color:var(--color-text-tertiary, var(--color-text-secondary));font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.card-header h2{margin:0;font-size:var(--font-size-12);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.card-subtitle{font-size:var(--font-size-11);color:var(--color-text-tertiary, var(--color-text-secondary));text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.card-subtitle:hover{color:var(--color-action-primary)}.pipeline{display:flex;flex-direction:column;gap:var(--space-2)}.pipeline-row{display:flex;flex-direction:column;gap:4px}.pipeline-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-12)}.pipeline-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:var(--font-size-11);font-weight:var(--font-weight-medium, 500)}.pipeline-count{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-size:var(--font-size-13)}.pipeline-track{height:6px;background:var(--color-bg-subtle);border-radius:var(--radius-full, 999px);overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.pipeline-fill{height:100%;border-radius:var(--radius-full, 999px);transition:width .2s ease-out}.pipeline-fill-active{background:var(--color-status-success)}.pipeline-fill-pending{background:var(--color-action-primary)}.pipeline-fill-suspended{background:var(--color-status-warning)}.pipeline-fill-revoked{background:var(--color-status-error)}.pipeline-fill-retired{background:var(--color-text-tertiary, var(--color-text-secondary))}.pipeline-footer{margin:var(--space-2) 0 0 0;font-size:var(--font-size-11);color:var(--color-text-tertiary, var(--color-text-secondary));font-variant-numeric:tabular-nums}.product-breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.product-breakdown li{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-13)}.product-breakdown li:last-child{border-bottom:none}.product-breakdown-name{color:var(--color-text-primary)}.product-breakdown-count{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary)}.expiring-list{list-style:none;margin:0;padding:0}.expiring-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-13)}.expiring-list li:last-child{border-bottom:none}.expiring-list code{font-size:var(--font-size-12)}.expiring-sku{color:var(--color-text-secondary);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.06em}.expiring-date{color:var(--color-status-warning);font-variant-numeric:tabular-nums;font-size:var(--font-size-12)}.term-sep{color:var(--color-text-tertiary, var(--color-text-secondary))}.term-ok{color:var(--color-text-primary)}.term-expiring{color:var(--color-status-warning)}.term-expired{color:var(--color-status-error)}.system-card{margin-bottom:var(--space-4)}.system-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin:0}.system-stats>div{display:flex;flex-direction:column;gap:2px}.system-stats dt{font-size:var(--font-size-11);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-medium, 500)}.system-stats dd{margin:0;font-size:var(--font-size-13);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.system-stats dd code{font-size:var(--font-size-12);word-break:break-all}.audit-toolbar{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap}.audit-filter{height:36px;padding:0 var(--space-2);background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);border-radius:var(--input-radius);font-size:var(--font-size-13)}.audit-action{font-size:var(--font-size-11);background:var(--color-bg-subtle);padding:1px var(--space-2);border-radius:var(--radius-xs);color:var(--color-text-primary)}.audit-target-type{font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.audit-metadata{font-size:var(--font-size-11);color:var(--color-text-secondary);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-metadata code{font-size:var(--font-size-11);color:var(--color-text-secondary)}.audit-load-more{padding:var(--space-3);text-align:center}.audit-load-more button{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);height:36px;padding:0 var(--space-3);border-radius:var(--btn-radius);cursor:pointer;font-size:var(--font-size-13)}.audit-load-more button:hover{background:var(--color-bg-subtle)}.muted{color:var(--color-text-tertiary, var(--color-text-secondary))}.table-wrap{width:100%;overflow-x:auto;margin-top:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}.table-sticky-first thead th:first-child,.table-sticky-first tbody td:first-child{position:sticky;left:0;background:inherit;z-index:1}.table-sticky-first thead th:first-child{background:var(--table-header-bg)}.table-sticky-first tbody td:first-child{background:var(--color-bg-surface)}.table-sticky-first tbody tr:hover td:first-child{background:var(--color-bg-subtle)}.table{width:100%;border-collapse:collapse;font-size:var(--table-font-size, var(--font-size-13));font-variant-numeric:tabular-nums}.table thead th{position:sticky;top:0;text-align:left;background:var(--table-header-bg);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold, 600);padding:var(--space-2) var(--table-cell-px, var(--space-3));border-bottom:1px solid var(--color-border-default);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;z-index:2}.table td{padding:var(--space-2) var(--table-cell-px, var(--space-3));border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;color:var(--color-text-primary);white-space:nowrap}.table td.cell-wrap{white-space:normal}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background 80ms ease-out}.table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-bg-subtle) 35%,transparent)}.table tbody tr:hover td{background:var(--color-bg-subtle)}.table tbody tr:focus-within td{background:var(--color-action-primary-muted)}.table-sticky-first tbody tr:nth-child(2n) td:first-child{background:color-mix(in srgb,var(--color-bg-subtle) 35%,var(--color-bg-surface))}.table-sticky-actions thead th:last-child,.table-sticky-actions tbody td:last-child{position:sticky;right:0;z-index:1;min-width:220px;background:var(--color-bg-surface)}.table-sticky-actions thead th:last-child{z-index:3;background:var(--table-header-bg)}.table-sticky-actions tbody tr:nth-child(2n) td:last-child{background:color-mix(in srgb,var(--color-bg-subtle) 35%,var(--color-bg-surface))}.table-sticky-actions tbody tr:hover td:last-child{background:var(--color-bg-subtle)}.table-sticky-actions tbody tr:focus-within td:last-child{background:var(--color-action-primary-muted)}.table-sticky-actions .actions{flex-wrap:nowrap}@media(max-width:1500px){.licenses-table th:nth-child(5),.licenses-table td:nth-child(5),.licenses-table th:nth-child(6),.licenses-table td:nth-child(6),.licenses-table th:nth-child(8),.licenses-table td:nth-child(8){display:none}}.table code{font-size:var(--font-size-12);color:var(--color-text-primary)}.table-num{font-variant-numeric:tabular-nums}.table th.table-count,.table td.table-count{text-align:right}.table a{color:var(--color-action-primary);text-decoration:none;font-weight:var(--font-weight-medium, 500)}.table a:hover{text-decoration:underline}.kv{border-collapse:collapse;margin-top:var(--space-3);width:100%;max-width:760px}.kv th{width:12rem;text-align:left;color:var(--color-text-secondary);padding:var(--space-1) var(--space-4) var(--space-1) 0;font-weight:var(--font-weight-medium, 500);font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;white-space:normal}.kv td{padding:var(--space-1) 0;font-size:var(--font-size-13);color:var(--color-text-primary);overflow-wrap:anywhere}.kv td code{font-size:var(--font-size-12)}.detail-value-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-value-action .form-link{flex:0 0 auto}@media(max-width:640px){.kv th{width:40%}.table-sticky-actions thead th:last-child,.table-sticky-actions tbody td:last-child{position:static}}.detail-section{max-width:760px;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.detail-section h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold, 600)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-heading>button,.service-history button{height:28px;padding:0 var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-xs);background:transparent;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.section-heading>button:hover,.service-history button:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.service-history button.danger{border-color:var(--color-status-error-border);color:var(--color-status-error)}.service-history button.danger:hover{background:var(--color-status-error-bg)}.service-history{margin:var(--space-3) 0 0;padding:0;list-style:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden}.service-history li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-13)}.service-history li+li{border-top:1px solid var(--color-border-subtle)}.service-history li>:first-child{min-width:0}.service-history .muted{white-space:nowrap}@media(max-width:640px){.service-history li{grid-template-columns:minmax(0,1fr) auto}.service-history li>button{grid-column:1 / -1;justify-self:start}}.status{display:inline-flex;align-items:center;gap:4px;padding:1px var(--space-2);border-radius:var(--radius-xs);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-active{background:var(--color-status-success-bg);color:var(--color-status-success);border-color:var(--color-status-success-border)}.status-suspended{background:var(--color-status-warning-bg);color:var(--color-status-warning);border-color:var(--color-status-warning-border)}.status-revoked{background:var(--color-status-error-bg);color:var(--color-status-error);border-color:var(--color-status-error-border)}.status-retired{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.status-pending{background:var(--color-action-primary-muted);color:var(--color-action-primary);border-color:var(--color-action-primary)}.required-mark{color:var(--color-status-error);margin-left:2px}.setup-hint{margin:0;font-size:var(--font-size-13);color:var(--color-text-secondary);text-align:center;line-height:1.5}.setup-hint-muted{margin:0;font-size:var(--font-size-11);color:var(--color-text-tertiary, var(--color-text-secondary))}.required-hint{margin:var(--space-1) 0 0 0;font-size:var(--font-size-11);color:var(--color-text-tertiary, var(--color-text-secondary))}.required-hint span{color:var(--color-status-error)}.self-badge{font-size:var(--font-size-11);color:var(--color-text-secondary);font-style:italic;margin-left:var(--space-1)}.actions button:disabled,.actions button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.actions{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.actions button{flex-shrink:0;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:0 var(--space-2);min-width:32px;height:32px;position:relative;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);transition:background .1s ease-out,border-color .1s ease-out;white-space:nowrap}.table td.actions{display:table-cell;white-space:nowrap;text-align:right}.table td.actions>button,.table td.actions>.link-button{vertical-align:middle}.table td.actions>:not(:last-child){margin-inline-end:var(--space-1)}.actions button:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.actions button.danger{border-color:var(--color-status-error-border);color:var(--color-status-error)}.actions button.danger:hover{background:var(--color-status-error-bg);border-color:var(--color-status-error)}.key-banner{background:var(--color-status-warning-bg);border:1px solid var(--color-status-warning-border);border-left:3px solid var(--color-status-warning);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;font-size:var(--font-size-13)}.key-banner strong{font-size:var(--font-size-13)}.key-banner code{background:var(--color-bg-base);padding:2px var(--space-2);border-radius:var(--radius-xs);font-size:var(--font-size-12)}.key-banner button{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);height:28px;padding:0 var(--space-2);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-12)}.key-banner button:hover{background:var(--color-bg-subtle)}.banner-error{background:var(--color-status-error-bg);border:1px solid var(--color-status-error-border);border-left:3px solid var(--color-status-error);border-radius:var(--radius-sm);color:var(--color-status-error);padding:var(--space-2) var(--space-3);margin-top:var(--space-3);font-size:var(--font-size-13);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.banner-error button{background:transparent;border:1px solid currentColor;color:currentColor;height:28px;padding:0 var(--space-2);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-11);font-weight:var(--font-weight-semibold, 600)}.banner-error button:hover{background:#0000000d}.empty-state{display:grid;place-items:center;text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-surface);border:1px dashed var(--color-border-default);border-radius:var(--card-radius);margin-top:var(--space-3);gap:var(--space-1)}.empty-state h2,.empty-state h3{text-transform:none;letter-spacing:normal;margin:0;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary)}.empty-state p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-13);max-width:40ch}.table-skeleton{display:grid;gap:2px;padding:var(--space-3) 0}.table-skeleton-row{height:28px;border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-bg-surface) 50%,var(--color-bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;position:sticky;top:0;z-index:20;background:var(--color-bg-base);padding:var(--space-4) var(--page-gutter) var(--space-3);margin:0 calc(var(--page-gutter) * -1);border-bottom:1px solid var(--color-border-subtle);box-shadow:0 1px 0 var(--color-border-subtle),0 6px 6px -6px #0000000f}.page-header>:first-child{flex:1 1 auto;min-width:0}.page-header .subtitle{margin-top:2px}.page-content{padding-top:var(--space-3)}.primary-cta{height:44px;padding:0 var(--space-4);background:var(--color-action-primary);color:var(--color-text-on-accent);border:1px solid var(--color-action-primary);border-radius:var(--btn-radius);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold, 600);letter-spacing:.01em;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm, 0 1px 0 rgb(0 0 0 / .04));transition:background .1s ease-out,box-shadow .1s ease-out,transform 80ms ease-out}.primary-cta:hover{background:var(--color-action-primary-hover);box-shadow:var(--shadow-md, 0 2px 4px rgb(0 0 0 / .08))}.primary-cta:active{transform:translateY(1px);box-shadow:none}.header-search{height:44px;width:min(280px,100%);padding:0 var(--space-2);background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);border-radius:var(--input-radius);font-size:var(--font-size-13)}.header-search:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.summary-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-3) 0 var(--space-2) 0}.summary-chips .chip{display:inline-flex;align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:2px var(--space-2);font-size:var(--font-size-11);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-medium, 500)}.summary-chips .chip strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold, 600);margin-right:var(--space-1);font-variant-numeric:tabular-nums}.catalog-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.catalog-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--card-radius);overflow:hidden}.catalog-card-disabled{opacity:.6}.catalog-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);flex-wrap:wrap}.catalog-card-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.catalog-card-title h2{margin:0;font-size:var(--font-size-14);font-weight:var(--font-weight-semibold, 600);text-transform:none;letter-spacing:-.01em}.catalog-card-slug{font-size:var(--font-size-11);color:var(--color-text-secondary);background:var(--color-bg-base);padding:1px var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--color-border-subtle)}.catalog-card .table{margin:0;table-layout:fixed;min-width:960px;font-size:var(--font-size-13)}.catalog-card .table td{white-space:normal}.catalog-card .table th:nth-child(1),.catalog-card .table td:nth-child(1){width:24%}.catalog-card .table th:nth-child(2),.catalog-card .table td:nth-child(2){width:10%}.catalog-card .table th:nth-child(3),.catalog-card .table td:nth-child(3){width:16%}.catalog-card .table th:nth-child(4),.catalog-card .table td:nth-child(4){width:10%}.catalog-card .table th:nth-child(5),.catalog-card .table td:nth-child(5){width:40%}.catalog-card .actions{flex-wrap:nowrap}.catalog-card .table td.actions,.catalog-card .link-button,.catalog-card .actions button{white-space:nowrap}.catalog-card .table-wrap{margin:0;border:none;border-radius:0;background:none}.catalog-card .table th,.catalog-card .table td{padding-left:var(--space-4)}.catalog-card .table td:last-child,.catalog-card .table th:last-child{padding-right:var(--space-4)}@media(max-width:600px){.catalog-card .table{min-width:0}.catalog-card .table,.catalog-card .table tbody,.catalog-card .table tr,.catalog-card .table td{display:block;width:100%}.catalog-card .table thead{display:none}.catalog-card .table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.catalog-card .table tr:last-child{border-bottom:0}.catalog-card .table td,.catalog-card .table td:last-child,.catalog-card .table td:nth-child(n){min-width:0;padding:0;border:0;width:auto}.catalog-card .table td:not(.actions):before{content:attr(data-label);display:block;margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-10, var(--font-size-11));font-weight:var(--font-weight-semibold, 600);letter-spacing:.06em;text-transform:uppercase}.catalog-card .table td[data-label=Status]:empty{display:none}.catalog-card .table td.actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-1);text-align:left}.catalog-card .table td.actions>:not(:last-child){margin-inline-end:0}.catalog-card .actions button,.catalog-card .actions .link-button,.catalog-add-sku{min-height:40px;height:40px}.catalog-card-header .actions button{min-height:40px}}.catalog-card-empty{margin:0;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-13)}.catalog-card-footer{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.catalog-add-sku{background:transparent;border:1px dashed var(--color-border-default);color:var(--color-text-secondary);height:28px;padding:0 var(--space-2);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);transition:background .1s ease-out,border-color .1s ease-out,color .1s ease-out}.catalog-add-sku:hover{background:var(--color-bg-surface);border-color:var(--color-action-primary);border-style:solid;color:var(--color-action-primary)}.row-muted td{opacity:.55}.asset-type-tag{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-xs);font-size:var(--font-size-11);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.usage-badge{display:inline-block;margin-left:var(--space-2);font-size:var(--font-size-10, var(--font-size-11));color:var(--color-text-secondary);background:var(--color-bg-subtle);padding:1px var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid transparent}a.usage-badge-link{text-decoration:none;transition:color .1s ease-out,border-color .1s ease-out,background .1s ease-out}a.usage-badge-link:hover{color:var(--color-action-primary);background:var(--color-action-primary-muted);border-color:var(--color-action-primary)}.link-button{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:0 var(--space-2);height:32px;border-radius:var(--radius-xs);font-size:var(--font-size-12);font-weight:var(--font-weight-medium, 500);text-decoration:none;transition:background .1s ease-out,border-color .1s ease-out}.link-button:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong);text-decoration:none}.form-dialog-fields{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.form-dialog-fields label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-11);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.form-dialog-fields label.checkbox{flex-direction:row;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-13);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.form-dialog-fields label.checkbox input{width:auto;height:auto}.form-readonly{display:flex;align-items:center;gap:var(--space-2)}.form-readonly-value{flex:1;height:44px;display:flex;align-items:center;padding:0 var(--input-px);background:var(--color-bg-subtle);border:1px dashed var(--color-border-default);border-radius:var(--input-radius);font-size:var(--font-size-13);color:var(--color-text-primary);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.form-readonly input{flex:1}.form-link{background:transparent;border:none;color:var(--color-action-primary);font-size:var(--font-size-12);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:0 var(--space-2);height:44px;white-space:nowrap}.form-link:hover{text-decoration:underline}.form-dialog-fields input,.form-dialog-fields select{height:44px;padding:0 var(--input-px);background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);border-radius:var(--input-radius);font-size:var(--font-size-14);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.pubkey{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto;font-size:var(--font-size-12);white-space:pre-wrap;word-break:break-all;line-height:1.5;color:var(--color-text-primary)}.modal::backdrop{background:var(--color-bg-overlay);-webkit-backdrop-filter:var(--dialog-backdrop-blur, blur(8px));backdrop-filter:var(--dialog-backdrop-blur, blur(8px))}.modal{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--dialog-radius, var(--radius-lg));padding:var(--dialog-padding, var(--space-5));width:min(440px,calc(100% - var(--space-4) * 2));max-height:calc(100dvh - var(--space-4) * 2);overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere;color:var(--color-text-primary);box-shadow:var(--shadow-pop);animation:pop-in .18s cubic-bezier(.16,1,.3,1)}.modal h2{margin:0 0 var(--space-2) 0;font-size:var(--font-size-16);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);text-transform:none;letter-spacing:-.01em}.modal p{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--font-size-13)}.modal label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-11);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.modal input:not([type=checkbox]),.modal select,.modal textarea{width:100%;min-width:0;height:44px;padding:0 var(--input-px);background:var(--input-bg);border:1px solid var(--input-border);color:var(--color-text-primary);border-radius:var(--input-radius);font-size:var(--font-size-14);text-transform:none;letter-spacing:normal;font-weight:var(--font-weight-regular, 400)}.modal label.checkbox{flex-direction:row;align-items:center;text-transform:none;letter-spacing:normal}.modal input[type=checkbox]{width:18px;height:18px;flex:0 0 auto}.modal .dialog-error{color:var(--color-status-error)}.modal-actions{flex-wrap:wrap;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.modal-actions button{padding:0 var(--space-4);height:44px;border-radius:var(--btn-radius);cursor:pointer;font-size:var(--font-size-13);background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-primary);font-weight:var(--font-weight-medium, 500);transition:background .1s ease-out}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.modal-actions button:hover{background:var(--color-bg-subtle)}.modal-actions button.primary{background:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-text-on-accent);font-weight:var(--font-weight-semibold, 600)}.modal-actions button.primary:hover{background:var(--color-action-primary-hover)}.modal-actions button.danger{background:var(--color-status-error);border-color:var(--color-status-error);color:var(--color-text-on-danger);font-weight:var(--font-weight-semibold, 600)}.modal-actions button.danger:hover{opacity:.92}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(pointer:coarse){.actions button,.actions .link-button,.key-banner button,.banner-error button{min-width:44px;min-height:44px}}