*{margin:0;padding:0;box-sizing:border-box}:root{--font-display: "Space Grotesk", "Hanken Grotesk", system-ui, sans-serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base:.9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--ocean-50: #EBF5FC;--ocean-100: #CFE7F8;--ocean-200: #9FCEF0;--ocean-300: #66B0E6;--ocean-400: #3492D8;--ocean-500: #1577C2;--ocean-600: #0E63A6;--ocean-700: #0C5089;--ocean-800: #0E4170;--ocean-900: #10375C;--ocean-950: #0A2540;--palm-50: #ECF8EE;--palm-100: #D2EFD7;--palm-200: #A6DFB1;--palm-300: #6FCA82;--palm-400: #43B25C;--palm-500: #2E9E4A;--palm-600: #23843C;--palm-700: #1D6A32;--palm-800: #1A5429;--palm-900: #164523;--sunset-50: #FFF6E8;--sunset-100: #FFE9C4;--sunset-200: #FFD488;--sunset-300: #FFBC4D;--sunset-400: #FBA21F;--sunset-500: #F6921E;--sunset-600: #E07712;--sunset-700: #B95A0F;--sunset-800: #934814;--sunset-900: #793C15;--slate-0: #FFFFFF;--slate-50: #F6F8FA;--slate-100: #EDF1F5;--slate-200: #DCE3EA;--slate-300: #C2CCD6;--slate-400: #97A4B2;--slate-500: #6B7A8A;--slate-600: #4E5C6B;--slate-700: #3A4654;--slate-800: #273039;--slate-900: #161D24;--slate-950: #0C1116;--danger-50: #FEF1F1;--danger-100: #FCDCDD;--danger-200: #F7B9BB;--danger-300: #F08A8E;--danger-400: #E5575C;--danger-500: #D63A40;--danger-600: #B92A30;--danger-700: #991F25;--danger-800: #7C1D22;--danger-900: #661B20;--brand-ocean: var(--ocean-600);--brand-azure: var(--ocean-500);--brand-palm: var(--palm-500);--brand-sunset: var(--sunset-500);--gradient-sunset: linear-gradient(95deg, var(--sunset-500) 0%, var(--sunset-300) 100%);--gradient-tide: linear-gradient(120deg, var(--ocean-700) 0%, var(--ocean-500) 45%, var(--palm-500) 100%);--bg-app: var(--slate-50);--bg-subtle: var(--slate-100);--surface-card: var(--slate-0);--surface-raised: var(--slate-0);--surface-inset: var(--slate-50);--surface-ocean: var(--ocean-950);--text-primary-c: var(--slate-900);--text-secondary-c: var(--slate-600);--text-muted: var(--slate-500);--text-faint: var(--slate-400);--text-inverse: var(--slate-0);--text-on-ocean: #DCEBF7;--text-link: var(--ocean-600);--border-subtle: var(--slate-200);--border-default: var(--slate-300);--border-strong: var(--slate-400);--border-ocean: var(--ocean-600);--accent: var(--ocean-600);--accent-hover: var(--ocean-700);--accent-active: var(--ocean-800);--accent-soft: var(--ocean-50);--accent-text: var(--ocean-700);--accent-ring: color-mix(in srgb, var(--ocean-500) 35%, transparent);--success: var(--palm-600);--success-soft: var(--palm-50);--success-text: var(--palm-700);--success-border: var(--palm-200);--warning: var(--sunset-500);--warning-soft: var(--sunset-50);--warning-text: var(--sunset-800);--warning-border: var(--sunset-200);--danger: var(--danger-600);--danger-soft: var(--danger-50);--danger-text: var(--danger-700);--danger-border: var(--danger-200);--info: var(--ocean-500);--info-soft: var(--ocean-50);--info-text: var(--ocean-700);--info-border: var(--ocean-200);--focus-ring: 0 0 0 3px var(--accent-ring);--bg-primary: 210 33% 97%;--bg-secondary: 210 33% 97%;--bg-card: 0 0% 100%;--text-primary: 204 24% 11%;--text-secondary: 209 16% 36%;--color-primary: 206 84% 35%;--color-secondary: 206 80% 42%;--color-success: 135 58% 33%;--color-warning: 32 92% 54%;--color-danger: 358 63% 45%;--color-info: 206 80% 42%;--border-glass: 220 227 234 / 1;--border-focus: var(--color-primary);--shadow-xs: 0 1px 2px rgba(16, 55, 92, .06);--shadow-sm: 0 1px 2px rgba(16, 55, 92, .06), 0 1px 3px rgba(16, 55, 92, .08);--shadow-md: 0 2px 4px rgba(16, 55, 92, .06), 0 4px 12px rgba(16, 55, 92, .1);--shadow-lg: 0 4px 8px rgba(16, 55, 92, .06), 0 12px 28px rgba(16, 55, 92, .14);--shadow-xl: 0 8px 16px rgba(16, 55, 92, .08), 0 24px 48px rgba(16, 55, 92, .18);--shadow-inset: inset 0 1px 2px rgba(16, 55, 92, .08);--shadow-ocean: 0 4px 14px rgba(14, 99, 166, .3);--shadow-sunset: 0 4px 14px rgba(246, 146, 30, .3);--ring-hairline: inset 0 0 0 1px var(--border-subtle);--shadow-premium: var(--shadow-md);--elevation-1: var(--shadow-xs);--elevation-2: var(--shadow-sm);--elevation-3: var(--shadow-md);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .2s;--dur-slow: .32s;--dur-slower: .48s;--transition-control: color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);--transition-smooth: var(--dur-fast) var(--ease-standard);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--sidebar-width: 256px;--sidebar-width-collapsed: 64px;--topbar-height: 60px;--content-max: 1280px;--content-gutter: 24px;--field-height: 38px;--field-height-sm: 30px;--field-height-lg: 46px;--navbar-padding: 24px;--navbar-actions-gap: 16px;--touch-target: 44px}body{font-family:var(--font-sans);font-size:15px;line-height:1.5;background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--text-primary-c)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--ocean-200);color:var(--ocean-900)}.num,.sff-num,.tabular,td.num,td.sff-num{font-variant-numeric:tabular-nums lining-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:6px;border:2px solid var(--slate-100)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.glass-panel{background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);border-radius:var(--radius-lg);padding:24px;transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.glass-panel-hover{cursor:pointer}.glass-panel-hover:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-default)}.gradient-text{color:var(--text-primary-c);-webkit-text-fill-color:currentColor}.gradient-text--brand{background:var(--gradient-tide);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-btn{background:var(--accent);color:#fff;border:none;font-family:var(--font-sans);font-weight:600;cursor:pointer;transition:var(--transition-control),transform var(--dur-fast) var(--ease-standard);box-shadow:var(--shadow-xs);border-radius:var(--radius-md);padding:10px 18px}.gradient-btn:hover{background:var(--accent-hover)}.gradient-btn:active{background:var(--accent-active);transform:translateY(.5px)}.form-input{width:100%;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary-c);font-family:var(--font-sans);border-radius:var(--radius-md);padding:8px 12px;min-height:var(--field-height);font-size:14px;outline:none;transition:var(--transition-control)}.form-input::placeholder{color:var(--text-faint)}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--ocean-500);box-shadow:var(--focus-ring)}.form-input:disabled{background:var(--slate-50);color:var(--text-muted);cursor:not-allowed}.form-input--error{border-color:var(--danger-400)!important;box-shadow:0 0 0 3px var(--danger-100)!important}@keyframes slide-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}.toast{animation:slide-in var(--dur-base) var(--ease-out) forwards;min-width:320px;max-width:450px;padding:14px 16px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;background:var(--surface-card);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);font-size:14px;color:var(--text-primary-c)}.toast-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-text)}.toast-error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.toast-info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}dialog[open]{opacity:1;transform:scale(1)}@starting-style{dialog[open]{opacity:0;transform:scale(.97)}}dialog{opacity:0;transform:scale(.97);transition-property:opacity,transform,display,overlay;transition-duration:var(--dur-base);transition-timing-function:var(--ease-out);transition-behavior:allow-discrete;border:none;background:transparent;margin:auto}dialog::backdrop{background-color:#0a254000;transition:display var(--dur-base) allow-discrete,overlay var(--dur-base) allow-discrete,background-color var(--dur-base) ease-out}dialog[open]::backdrop{background-color:#0a254073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}@starting-style{dialog[open]::backdrop{background-color:#0a254000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@media (prefers-reduced-motion: reduce){dialog{transform:none;transition-duration:.1s}@starting-style{dialog[open]{transform:none}}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up var(--dur-slow) var(--ease-out) forwards;opacity:0}.animate-fade-in{animation:fade-in var(--dur-base) ease forwards;opacity:0}.stagger-1{animation-delay:.04s}.stagger-2{animation-delay:.08s}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(to right,var(--slate-100) 8%,var(--slate-200) 18%,var(--slate-100) 33%);background-size:1000px 100%;animation:shimmer 1.8s infinite linear;border-radius:var(--radius-md)}::view-transition-old(root){animation:.28s var(--ease-out) both fade-out,.28s var(--ease-out) both slide-to-left}::view-transition-new(root){animation:.28s var(--ease-out) both fade-in,.28s var(--ease-out) both slide-from-right}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-to-left{to{transform:translate(-16px)}}@keyframes slide-from-right{0%{transform:translate(16px)}}@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (max-width: 768px){.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}.main-content{padding:24px;flex-grow:1;background:var(--bg-app);transition:padding var(--transition-smooth)}.layout-split-grid{display:grid;grid-template-columns:1fr;gap:24px}.responsive-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.responsive-grid-billing{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.responsive-grid-dashboard{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);background:transparent}@media (min-width: 769px){.layout-split-grid.details-open{grid-template-columns:1.6fr 1fr}}@media (max-width: 768px){:root{--navbar-padding: 12px;--navbar-actions-gap: 10px}.main-content{padding:16px}.layout-split-grid.details-open .list-panel{display:none!important}.responsive-grid-2-col,.responsive-grid-billing,.responsive-grid-dashboard{grid-template-columns:1fr;gap:16px}.form-input{font-size:16px!important}.toast-container{left:16px;right:16px;bottom:16px}.toast{min-width:unset;width:100%}}.ui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.animate-fade-in-up,.animate-fade-in,.glass-panel-hover,.gradient-btn,.skeleton,.toast{animation:none!important;transition:none!important;transform:none!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-control),transform var(--dur-fast) var(--ease-standard);min-height:var(--field-height);white-space:nowrap;text-decoration:none}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important}.ui-btn--sm{font-size:var(--space-3);padding:0 12px;min-height:var(--field-height-sm);border-radius:var(--radius-sm);gap:6px}.ui-btn--md{font-size:13px;padding:0 16px;min-height:var(--field-height)}.ui-btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.ui-btn--primary:not(:disabled):hover{background:var(--accent-hover)}.ui-btn--primary:not(:disabled):active{background:var(--accent-active);transform:translateY(.5px)}.ui-btn--secondary{background:var(--surface-card);color:var(--slate-800);border-color:var(--border-default)}.ui-btn--secondary:not(:disabled):hover{background:var(--slate-50);border-color:var(--border-strong)}.ui-btn--secondary:not(:disabled):active{background:var(--slate-100)}.ui-btn--ghost{background:transparent;color:var(--slate-700)}.ui-btn--ghost:not(:disabled):hover{background:var(--slate-100)}.ui-btn--ghost:not(:disabled):active{background:var(--slate-200)}.ui-btn--accent{background:var(--sunset-500);color:#fff;box-shadow:var(--shadow-xs)}.ui-btn--accent:not(:disabled):hover{background:var(--sunset-600)}.ui-btn--accent:not(:disabled):active{background:var(--sunset-700);transform:translateY(.5px)}.ui-btn--success{background:var(--success);color:#fff}.ui-btn--success:not(:disabled):hover{background:var(--palm-700)}.ui-btn--danger{background:var(--danger);color:#fff}.ui-btn--danger:not(:disabled):hover{background:var(--danger-700)}.ui-btn--danger:not(:disabled):active{background:var(--danger-800)}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-btn__spinner{width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ui-spin .6s linear infinite;flex-shrink:0}.ui-btn__icon{display:flex;align-items:center;flex-shrink:0}.ui-card{padding:0;overflow:hidden}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.ui-card__titles{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ui-card__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary-c);letter-spacing:-.01em}.ui-card__sub{font-size:var(--text-xs);color:var(--text-muted)}.ui-card__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ui-card__body{padding:18px}.ui-card__body--p0{padding:0}.ui-stat-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.ui-stat-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-stat-card__label{font-size:13px;font-weight:500;color:var(--text-secondary-c)}.ui-stat-card__icon{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.ui-stat-card__value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary-c);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}.ui-stat-card__delta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px}.ui-stat-card__delta--up{color:var(--success-text)}.ui-stat-card__delta--down{color:var(--danger-text)}.ui-stat-card__delta--neutral{color:var(--text-muted)}.ui-stat-card--primary .ui-stat-card__icon{background:var(--accent-soft);color:var(--accent)}.ui-stat-card--success .ui-stat-card__icon{background:var(--success-soft);color:var(--success)}.ui-stat-card--warning .ui-stat-card__icon{background:var(--warning-soft);color:var(--sunset-600)}.ui-stat-card--danger .ui-stat-card__icon{background:var(--danger-soft);color:var(--danger)}.ui-stat-card--info .ui-stat-card__icon{background:var(--info-soft);color:var(--info)}.ui-stat-card--neutral .ui-stat-card__icon{background:var(--slate-100);color:var(--slate-600)}.ui-stat-card--hero{background:var(--gradient-tide);border-color:transparent;color:#fff}.ui-stat-card--hero .ui-stat-card__label{color:#ffffffd9}.ui-stat-card--hero .ui-stat-card__value{color:#fff}.ui-stat-card--hero .ui-stat-card__icon{background:#ffffff2e;color:#fff}.ui-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--font-sans);font-weight:600;font-size:12px;line-height:1;padding:4px 9px;border-radius:var(--radius-full);border:1px solid transparent}.ui-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.ui-badge svg{width:12px;height:12px}.ui-badge--success{background:var(--success-soft);color:var(--success-text);border-color:var(--success-border)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning-text);border-color:var(--warning-border)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger-border)}.ui-badge--info{background:var(--info-soft);color:var(--info-text);border-color:var(--info-border)}.ui-badge--neutral{background:var(--slate-100);color:var(--slate-700)}.ui-badge--ocean{background:var(--ocean-600);color:#fff}.ui-table{width:100%;border-collapse:collapse;font-size:13px}.ui-table__head--sticky thead th{position:sticky;top:0;z-index:1;background:var(--bg-subtle)}.ui-table__th{padding:10px 16px;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;text-align:left;background:var(--bg-subtle)}.ui-table__td{padding:11px 16px;color:var(--text-primary-c);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.ui-table__row:last-child .ui-table__td{border-bottom:none}.ui-table__row:hover .ui-table__td{background:var(--ocean-50)}.ui-table__cell--left{text-align:left}.ui-table__cell--center{text-align:center}.ui-table__cell--right{text-align:right}.ui-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-field__label{font-size:13px;font-weight:500;color:var(--text-secondary-c)}.ui-field__error{font-size:12px;color:var(--danger-text)}.ui-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7A8A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ui-textarea{resize:vertical;min-height:100px;padding:10px 12px}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:14px;line-height:1.5;border:1px solid transparent}.ui-alert__icon{flex-shrink:0;margin-top:1px}.ui-alert__body{display:flex;flex-direction:column;gap:var(--space-1)}.ui-alert__title{font-weight:600}.ui-alert--info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.ui-alert--success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-text)}.ui-alert--warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-text)}.ui-alert--danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.ui-page-header__text{display:flex;flex-direction:column;gap:var(--space-1)}.ui-page-header__title{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary-c)}.ui-page-header__subtitle{font-size:14px;color:var(--text-secondary-c)}.ui-page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.ui-progress{display:flex;flex-direction:column;gap:var(--space-2)}.ui-progress__label-row{display:flex;justify-content:space-between;align-items:center}.ui-progress__label{font-size:13px;color:var(--text-secondary-c)}.ui-progress__pct{font-size:12px;color:var(--text-secondary-c);font-weight:600;font-variant-numeric:tabular-nums}.ui-progress__track{width:100%;height:8px;border-radius:var(--radius-full);background:var(--slate-100);overflow:hidden}.ui-progress__fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.ui-modal{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary-c);box-shadow:var(--shadow-xl);padding:0;width:90%}.ui-modal--sm{max-width:400px}.ui-modal--md{max-width:560px}.ui-modal--lg{max-width:780px}.ui-modal__inner{padding:var(--space-6)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.ui-modal__title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em}.ui-modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);min-height:36px;min-width:36px;transition:var(--transition-control)}.ui-modal__close:hover{color:var(--text-primary-c);background:var(--slate-100)}.ui-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center;gap:var(--space-3)}.ui-empty-state__icon{color:var(--text-faint)}.ui-empty-state__title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary-c)}.ui-empty-state__message{font-size:14px;color:var(--text-secondary-c);max-width:360px;line-height:1.6}.ui-empty-state__action{margin-top:var(--space-2)}@keyframes ui-spin-ring{to{transform:rotate(360deg)}}.ui-spinner{display:inline-flex;align-items:center;justify-content:center}.ui-spinner__ring{border-radius:50%;border-style:solid;border-color:var(--ocean-100);border-top-color:var(--accent);animation:ui-spin-ring .7s linear infinite}.ui-spinner--sm .ui-spinner__ring{width:18px;height:18px;border-width:2px}.ui-spinner--md .ui-spinner__ring{width:32px;height:32px;border-width:3px}.ui-spinner--lg .ui-spinner__ring{width:48px;height:48px;border-width:4px}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.ui-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle)}.ui-tabs--pill{border-bottom:none;gap:4px;background:var(--slate-100);padding:3px;border-radius:var(--radius-md);display:inline-flex}.ui-tab{position:relative;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:10px 13px;transition:var(--transition-control)}.ui-tab:hover{color:var(--text-secondary-c)}.ui-tab:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background var(--dur-fast) var(--ease-standard)}.ui-tab--active{color:var(--accent-text)}.ui-tab--active:after{background:var(--accent)}.ui-tab svg{width:16px;height:16px}.ui-tab__count{font-size:11px;font-weight:600;background:var(--slate-200);color:var(--slate-700);border-radius:var(--radius-full);padding:1px 7px}.ui-tab--active .ui-tab__count{background:var(--accent-soft);color:var(--accent-text)}.ui-tabs--pill .ui-tab{padding:6px 14px;border-radius:var(--radius-sm)}.ui-tabs--pill .ui-tab:after{display:none}.ui-tabs--pill .ui-tab--active{background:var(--surface-card);color:var(--text-primary-c);box-shadow:var(--shadow-xs)}.ui-tag{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:500;color:var(--slate-700);background:var(--slate-100);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:var(--radius-sm);line-height:1.2}.ui-tag--ocean{background:var(--ocean-50);color:var(--ocean-700);border-color:var(--ocean-200)}.ui-tag__x{display:inline-flex;cursor:pointer;color:var(--text-muted);border:none;background:none;padding:0;margin:-2px -2px -2px 0;border-radius:var(--radius-xs)}.ui-tag__x:hover{color:var(--danger);background:var(--danger-soft)}.ui-tag__x svg{width:13px;height:13px;display:block}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;overflow:hidden;font-family:var(--font-sans);font-weight:600;color:#fff;background:var(--ocean-600);-webkit-user-select:none;user-select:none;position:relative}.ui-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ui-avatar--sm{width:26px;height:26px;font-size:10px}.ui-avatar--md{width:34px;height:34px;font-size:13px}.ui-avatar--lg{width:44px;height:44px;font-size:16px}.ui-avatar--square{border-radius:var(--radius-md)}.ui-avatar__status{position:absolute;right:-1px;bottom:-1px;width:30%;height:30%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-card)}.ui-avatar-group{display:inline-flex}.ui-avatar-group>*{box-shadow:0 0 0 2px var(--surface-card)}.ui-avatar-group>*+*{margin-left:-8px}.veeqo-page{display:flex;flex-direction:column;gap:var(--space-7)}.veeqo-search-row{display:flex;align-items:flex-end;gap:var(--space-3)}.veeqo-search-row .ui-field{flex:1}.scan-mode-tabs{width:100%}.scan-mode-tabs .ui-tab{flex:1;min-height:44px}