:root,[data-theme=light]{--color-primary: #10b981;--color-primary-dark: #059669;--color-primary-hover: #059669;--color-on-primary: #ffffff;--color-primary-container: #d1fae5;--color-on-primary-container: #064e3b;--color-secondary: #14b8a6;--color-on-secondary: #ffffff;--color-secondary-container: #ccfbf1;--color-on-secondary-container: #115e59;--color-background: #f5f7fa;--card-bg: #ffffff;--color-surface: #ffffff;--color-surface-variant: #ecfdf5;--color-surface-container-high: #e2e8f0;--color-on-surface-variant: #49454f;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-success: #22c55e;--color-success-hover: #16a34a;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-error: #ef4444;--color-danger: #ef4444;--color-on-error: #ffffff;--color-error-container: #fee2e2;--color-on-error-container: #7f1d1d;--color-info: #0ea5e9;--color-info-hover: #0284c7;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--input-bg: #ffffff;--input-text: #1e293b;--input-placeholder: #94a3b8;--gradient-primary: linear-gradient(135deg, #10b981, #059669);--gradient-primary-hover: linear-gradient(135deg, #059669, #047857);--gradient-vibrant: linear-gradient(135deg, #34d399 0%, #10b981 45%, #0891b2 100%);--glow-primary: 0 0 0 1px rgba(16, 185, 129, .35), 0 0 12px rgba(16, 185, 129, .28), 0 0 28px rgba(16, 185, 129, .12);--glow-primary-strong: 0 0 0 1px rgba(52, 211, 153, .55), 0 0 18px rgba(16, 185, 129, .45), 0 0 42px rgba(16, 185, 129, .2);--glow-success: 0 0 10px rgba(34, 197, 94, .35), 0 0 24px rgba(34, 197, 94, .12);--glow-warning: 0 0 10px rgba(245, 158, 11, .4), 0 0 22px rgba(245, 158, 11, .15);--glow-error: 0 0 10px rgba(239, 68, 68, .45), 0 0 26px rgba(239, 68, 68, .18);--glow-text-primary: 0 0 12px rgba(16, 185, 129, .4);--sidebar-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-hover: #f1f5f9;--sidebar-active-bg: rgba(16, 185, 129, .15);--sidebar-active-text: #34d399;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-search-bg: rgba(255, 255, 255, .03);--sidebar-search-bg-focus: rgba(255, 255, 255, .06);--header-bg: linear-gradient(135deg, #059669 0%, #10b981 50%, #0d9488 100%);--header-text: #ffffff;--header-text-muted: rgba(255, 255, 255, .7);--header-border: rgba(0, 0, 0, .1);--header-interactive-bg: rgba(255, 255, 255, .15);--header-interactive-bg-hover: rgba(255, 255, 255, .25);--register-panel-bg: #ecfdf5;--register-panel-border: rgba(16, 185, 129, .2);--register-panel-text: #1e293b;--register-panel-text-secondary: #64748b;--register-panel-active-bg: rgba(16, 185, 129, .12);--badge-success-bg: #dcfce7;--badge-success-text: #166534;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--badge-error-bg: #fee2e2;--badge-error-text: #991b1b;--badge-info-bg: #e0f2fe;--badge-info-text: #0369a1;--badge-neutral-bg: #f1f5f9;--badge-neutral-text: #475569;--status-online-bg: #dcfce7;--status-online-text: #166534;--status-offline-bg: #f1f5f9;--status-offline-text: #64748b;--status-error-bg: #fee2e2;--status-error-text: #991b1b;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--brand-viber: #7360f2;--brand-telegram: #0088cc;--elevation-0: none;--elevation-1: 0 1px 2px 0 rgba(0, 0, 0, .03);--elevation-2: 0 2px 8px 0 rgba(0, 0, 0, .06);--elevation-3: 0 4px 16px 0 rgba(0, 0, 0, .07);--elevation-4: 0 8px 24px 0 rgba(0, 0, 0, .1);--elevation-5: 0 12px 32px 0 rgba(0, 0, 0, .12);--focus-ring: 0 0 0 2px var(--color-primary), 0 0 0 6px rgba(16, 185, 129, .22), 0 0 18px rgba(16, 185, 129, .35);--overlay-background: rgba(0, 0, 0, .5);--receipt-bg: #fffff8;--receipt-text: #1a1a1a;--scrollbar-track: var(--color-background);--scrollbar-thumb: var(--color-border);--scrollbar-thumb-hover: var(--color-text-muted)}[data-theme=dark]{--color-primary: #10b981;--color-primary-dark: #34d399;--color-primary-hover: #34d399;--color-on-primary: #ffffff;--color-primary-container: #064e3b;--color-on-primary-container: #6ee7b7;--color-secondary: #2dd4bf;--color-on-secondary: #0f172a;--color-secondary-container: #115e59;--color-on-secondary-container: #99f6e4;--color-background: #0f172a;--card-bg: #1e293b;--color-surface: #1e293b;--color-surface-variant: #334155;--color-surface-container-high: #475569;--color-on-surface-variant: #cac4d0;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-success: #22c55e;--color-success-hover: #4ade80;--color-warning: #fbbf24;--color-warning-hover: #fcd34d;--color-error: #f87171;--color-danger: #f87171;--color-on-error: #0f172a;--color-error-container: #7f1d1d;--color-on-error-container: #fecaca;--color-info: #38bdf8;--color-info-hover: #7dd3fc;--color-border: #334155;--color-border-light: #1e293b;--input-bg: #1e293b;--input-text: #f1f5f9;--input-placeholder: #64748b;--gradient-primary: linear-gradient(135deg, #10b981, #059669);--gradient-primary-hover: linear-gradient(135deg, #34d399, #10b981);--gradient-vibrant: linear-gradient(135deg, #6ee7b7 0%, #10b981 45%, #06b6d4 100%);--glow-primary: 0 0 0 1px rgba(52, 211, 153, .5), 0 0 14px rgba(16, 185, 129, .45), 0 0 36px rgba(16, 185, 129, .22);--glow-primary-strong: 0 0 0 1px rgba(110, 231, 183, .7), 0 0 22px rgba(52, 211, 153, .6), 0 0 56px rgba(16, 185, 129, .3);--glow-success: 0 0 12px rgba(74, 222, 128, .55), 0 0 32px rgba(34, 197, 94, .25);--glow-warning: 0 0 12px rgba(251, 191, 36, .55), 0 0 28px rgba(245, 158, 11, .22);--glow-error: 0 0 12px rgba(248, 113, 113, .6), 0 0 32px rgba(239, 68, 68, .25);--glow-text-primary: 0 0 14px rgba(52, 211, 153, .55);--sidebar-bg: #0f172a;--sidebar-text: #64748b;--sidebar-text-hover: #f1f5f9;--sidebar-active-bg: rgba(16, 185, 129, .15);--sidebar-active-text: #34d399;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-search-bg: rgba(255, 255, 255, .03);--sidebar-search-bg-focus: rgba(255, 255, 255, .06);--header-bg: linear-gradient(135deg, rgba(16,185,129,.08) 0%, rgba(13,148,136,.04) 100%), #1e293b;--header-text: #f1f5f9;--header-text-muted: rgba(241, 245, 249, .7);--header-border: rgba(16, 185, 129, .12);--header-interactive-bg: rgba(255, 255, 255, .06);--header-interactive-bg-hover: rgba(255, 255, 255, .12);--register-panel-bg: rgba(16, 185, 129, .05);--register-panel-border: rgba(16, 185, 129, .1);--register-panel-text: #f1f5f9;--register-panel-text-secondary: rgba(241, 245, 249, .6);--register-panel-active-bg: rgba(16, 185, 129, .2);--badge-success-bg: #14532d;--badge-success-text: #86efac;--badge-warning-bg: #78350f;--badge-warning-text: #fcd34d;--badge-error-bg: #7f1d1d;--badge-error-text: #fca5a5;--badge-info-bg: #0c4a6e;--badge-info-text: #7dd3fc;--badge-neutral-bg: #334155;--badge-neutral-text: #cbd5e1;--status-online-bg: #14532d;--status-online-text: #86efac;--status-offline-bg: #334155;--status-offline-text: #94a3b8;--status-error-bg: #7f1d1d;--status-error-text: #fca5a5;--status-warning-bg: #78350f;--status-warning-text: #fde68a;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .2);--elevation-2: 0 2px 8px 0 rgba(0, 0, 0, .25);--elevation-3: 0 4px 16px 0 rgba(0, 0, 0, .3);--elevation-4: 0 8px 24px 0 rgba(0, 0, 0, .4);--elevation-5: 0 12px 32px 0 rgba(0, 0, 0, .45);--focus-ring: 0 0 0 2px #34d399, 0 0 0 6px rgba(16, 185, 129, .38), 0 0 24px rgba(16, 185, 129, .55);--overlay-background: rgba(0, 0, 0, .7);--receipt-bg: #1a1a24;--receipt-text: #cdd6f4;--scrollbar-track: var(--color-background);--scrollbar-thumb: var(--color-border);--scrollbar-thumb-hover: var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-primary: #10b981;--color-primary-dark: #34d399;--color-primary-hover: #34d399;--color-on-primary: #ffffff;--color-primary-container: #064e3b;--color-on-primary-container: #6ee7b7;--color-secondary: #2dd4bf;--color-on-secondary: #0f172a;--color-secondary-container: #115e59;--color-on-secondary-container: #99f6e4;--color-background: #0f172a;--card-bg: #1e293b;--color-surface: #1e293b;--color-surface-variant: #334155;--color-surface-container-high: #475569;--color-on-surface-variant: #cac4d0;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-success: #22c55e;--color-success-hover: #4ade80;--color-warning: #fbbf24;--color-warning-hover: #fcd34d;--color-error: #f87171;--color-danger: #f87171;--color-on-error: #0f172a;--color-error-container: #7f1d1d;--color-on-error-container: #fecaca;--color-info: #38bdf8;--color-info-hover: #7dd3fc;--color-border: #334155;--color-border-light: #1e293b;--input-bg: #1e293b;--input-text: #f1f5f9;--input-placeholder: #64748b;--gradient-primary: linear-gradient(135deg, #10b981, #059669);--gradient-primary-hover: linear-gradient(135deg, #34d399, #10b981);--gradient-vibrant: linear-gradient(135deg, #6ee7b7 0%, #10b981 45%, #06b6d4 100%);--glow-primary: 0 0 0 1px rgba(52, 211, 153, .5), 0 0 14px rgba(16, 185, 129, .45), 0 0 36px rgba(16, 185, 129, .22);--glow-primary-strong: 0 0 0 1px rgba(110, 231, 183, .7), 0 0 22px rgba(52, 211, 153, .6), 0 0 56px rgba(16, 185, 129, .3);--glow-success: 0 0 12px rgba(74, 222, 128, .55), 0 0 32px rgba(34, 197, 94, .25);--glow-warning: 0 0 12px rgba(251, 191, 36, .55), 0 0 28px rgba(245, 158, 11, .22);--glow-error: 0 0 12px rgba(248, 113, 113, .6), 0 0 32px rgba(239, 68, 68, .25);--glow-text-primary: 0 0 14px rgba(52, 211, 153, .55);--sidebar-bg: #0f172a;--sidebar-text: #64748b;--sidebar-text-hover: #f1f5f9;--sidebar-active-bg: rgba(16, 185, 129, .15);--sidebar-active-text: #34d399;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-search-bg: rgba(255, 255, 255, .03);--sidebar-search-bg-focus: rgba(255, 255, 255, .06);--header-bg: linear-gradient(135deg, rgba(16,185,129,.08) 0%, rgba(13,148,136,.04) 100%), #1e293b;--header-text: #f1f5f9;--header-text-muted: rgba(241, 245, 249, .7);--header-border: rgba(16, 185, 129, .12);--header-interactive-bg: rgba(255, 255, 255, .06);--header-interactive-bg-hover: rgba(255, 255, 255, .12);--register-panel-bg: rgba(16, 185, 129, .05);--register-panel-border: rgba(16, 185, 129, .1);--register-panel-text: #f1f5f9;--register-panel-text-secondary: rgba(241, 245, 249, .6);--register-panel-active-bg: rgba(16, 185, 129, .2);--badge-success-bg: #14532d;--badge-success-text: #86efac;--badge-warning-bg: #78350f;--badge-warning-text: #fcd34d;--badge-error-bg: #7f1d1d;--badge-error-text: #fca5a5;--badge-info-bg: #0c4a6e;--badge-info-text: #7dd3fc;--badge-neutral-bg: #334155;--badge-neutral-text: #cbd5e1;--status-online-bg: #14532d;--status-online-text: #86efac;--status-offline-bg: #334155;--status-offline-text: #94a3b8;--status-error-bg: #7f1d1d;--status-error-text: #fca5a5;--status-warning-bg: #78350f;--status-warning-text: #fde68a;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .2);--elevation-2: 0 2px 8px 0 rgba(0, 0, 0, .25);--elevation-3: 0 4px 16px 0 rgba(0, 0, 0, .3);--elevation-4: 0 8px 24px 0 rgba(0, 0, 0, .4);--elevation-5: 0 12px 32px 0 rgba(0, 0, 0, .45);--focus-ring: 0 0 0 2px #34d399, 0 0 0 6px rgba(16, 185, 129, .38), 0 0 24px rgba(16, 185, 129, .55);--overlay-background: rgba(0, 0, 0, .7);--receipt-bg: #1a1a24;--receipt-text: #cdd6f4;--scrollbar-track: var(--color-background);--scrollbar-thumb: var(--color-border);--scrollbar-thumb-hover: var(--color-text-secondary)}}:root{--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Commissioner", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--font-size-mono: 14px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--duration-short: .1s;--duration-medium: .2s;--duration-long: .3s;--duration-xl: .4s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.4, 0, 1, 1);--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--header-height: 56px;--app-bar-height: 56px;--register-panel-height: auto}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:14px;line-height:1.5;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:1.25;margin:0;color:var(--color-text-primary)}h1{font-size:22px;line-height:28px}@media(min-width:768px){h1{font-size:28px;line-height:36px}}@media(min-width:1024px){h1{font-size:32px;font-weight:var(--font-weight-extrabold);line-height:40px}}h2{font-size:16px;line-height:24px}@media(min-width:768px){h2{font-size:20px;line-height:28px}}h3{font-size:15px;font-weight:var(--font-weight-semibold);line-height:22px}@media(min-width:768px){h3{font-size:18px;line-height:26px}}h4{font-size:14px;font-weight:var(--font-weight-semibold);line-height:20px}p{margin:0 0 var(--spacing-md);line-height:1.5}small,.text-small{font-size:12px;line-height:16px}.text-xs{font-size:11px;line-height:16px}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-primary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.button,button[class*=button-]{font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);line-height:20px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;transition:all var(--duration-medium) var(--easing-standard)}.button:disabled,button[class*=button-]:disabled{cursor:not-allowed;opacity:.6}.button-primary{position:relative;min-height:48px;padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--gradient-vibrant);background-size:200% 200%;background-position:50% 50%;color:var(--color-on-primary);box-shadow:var(--elevation-2),var(--glow-primary);overflow:hidden;isolation:isolate}.button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:200% 100%;background-position:200% 50%;opacity:0;transition:opacity var(--duration-medium) var(--easing-standard);pointer-events:none;mix-blend-mode:overlay}.button-primary:hover:not(:disabled){box-shadow:var(--elevation-3),var(--glow-primary-strong);transform:translateY(-1px)}.button-primary:hover:not(:disabled):before{opacity:1;animation:shimmerSweep 1.1s var(--easing-standard)}.button-primary:active:not(:disabled){box-shadow:var(--elevation-1),var(--glow-primary);transform:translateY(0)}.button-primary:focus:not(:disabled){box-shadow:var(--elevation-2),var(--glow-primary-strong),var(--focus-ring);outline:none}.button-primary:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none}.button-secondary{min-height:48px;padding:14px 24px;border-radius:var(--radius-md);border:none;background:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:var(--elevation-1)}.button-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 20%,var(--color-primary-container));box-shadow:var(--elevation-2)}.button-secondary:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 25%,var(--color-primary-container));box-shadow:var(--elevation-1)}.button-secondary:focus:not(:disabled){box-shadow:var(--elevation-1),var(--focus-ring);outline:none}.button-secondary:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none}.button-outlined{min-height:40px;padding:10px 16px;border-radius:var(--radius-md);background:transparent;border:2px solid var(--color-border);color:var(--color-text-primary);box-shadow:none}.button-outlined:hover:not(:disabled){background:var(--color-surface-variant);border-color:var(--color-primary);color:var(--color-primary)}.button-outlined:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.button-outlined:focus:not(:disabled){border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.button-outlined:disabled{background:transparent;border-color:var(--color-border-light);color:var(--color-text-muted)}.button-text{min-height:40px;padding:10px 16px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-primary);box-shadow:none}.button-text:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.button-text:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.button-text:focus:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent);box-shadow:var(--focus-ring);outline:none}.button-text:disabled{color:var(--color-text-muted);opacity:.38}.button-icon{width:48px;height:48px;min-width:48px;min-height:48px;padding:12px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);box-shadow:none}.button-icon .icon{width:24px;height:24px}.button-icon:hover:not(:disabled){background:var(--color-surface-variant);color:var(--color-primary)}.button-icon:active:not(:disabled){background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.button-icon:focus:not(:disabled){box-shadow:var(--focus-ring);outline:none}.button-icon:disabled{color:var(--color-text-muted);opacity:.38}.button-icon.filled{background:var(--gradient-vibrant);color:var(--color-on-primary);box-shadow:var(--glow-primary)}.button-icon.filled:hover:not(:disabled){background:var(--gradient-vibrant);box-shadow:var(--glow-primary-strong)}.button-large{min-height:56px;padding:18px 28px;font-size:16px}.button-small{min-height:36px;padding:8px 12px;font-size:12px}.button-full{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-medium);line-height:16px;color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.form-group .helper-text{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-regular);line-height:16px;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-group .error-message{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-medium);line-height:16px;color:var(--color-danger);margin-top:var(--spacing-xs)}input,select,textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:var(--font-weight-regular);line-height:20px;background:var(--input-bg);color:var(--input-text);transition:border-color var(--duration-medium) var(--easing-standard),box-shadow var(--duration-medium) var(--easing-standard)}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}input::placeholder,select::placeholder,textarea::placeholder{font-family:var(--font-body);color:var(--color-text-muted)}input.invalid,input.is-invalid,input:invalid:not(:placeholder-shown),select.invalid,select.is-invalid,select:invalid:not(:placeholder-shown),textarea.invalid,textarea.is-invalid,textarea:invalid:not(:placeholder-shown){border-color:var(--color-danger)}input.invalid:focus,input.is-invalid:focus,input:invalid:not(:placeholder-shown):focus,select.invalid:focus,select.is-invalid:focus,select:invalid:not(:placeholder-shown):focus,textarea.invalid:focus,textarea.is-invalid:focus,textarea:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 15%,transparent)}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-variant);border-color:var(--color-border-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}textarea{min-height:100px;resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}@media(prefers-color-scheme:dark){:root:not([data-theme]) select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}}input[type=checkbox],input[type=radio]{width:auto;min-width:20px;min-height:20px;margin:0;cursor:pointer}.input-with-icon{position:relative}.input-with-icon .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-with-icon input{padding-left:40px}.input-search{border-radius:var(--radius-full);padding-left:40px}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;min-height:100%;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color var(--duration-medium) var(--easing-standard),color var(--duration-medium) var(--easing-standard)}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-short) var(--easing-standard)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.card{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-md);transition:background var(--duration-medium) var(--easing-standard),border-color var(--duration-medium) var(--easing-standard)}.card.card-elevated{box-shadow:var(--elevation-1);border:none}.card.card-interactive{cursor:pointer;transition:all var(--duration-medium) var(--easing-standard)}.card.card-interactive:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.badge{font-family:var(--font-body);font-size:11px;font-weight:var(--font-weight-semibold);line-height:16px;padding:2px 8px;border-radius:var(--radius-full);display:inline-block}.badge.badge-primary{background:var(--color-primary-container);color:var(--color-on-primary-container)}.badge.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge.badge-danger{background:var(--badge-error-bg);color:var(--badge-error-text)}.badge.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:8px;height:8px}::-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)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #10b98173,0 0 10px #10b98140}50%{box-shadow:0 0 0 4px #10b98100,0 0 22px #10b9818c}}@keyframes shimmerSweep{0%{background-position:200% 50%}to{background-position:-200% 50%}}@keyframes dataFlash{0%{background:color-mix(in srgb,var(--color-primary) 28%,transparent);box-shadow:inset 0 0 24px #10b98159}to{background:transparent;box-shadow:none}}@keyframes cardPowerOn{0%{opacity:0;transform:translateY(8px);box-shadow:0 0 #10b98100}40%{box-shadow:0 0 22px #10b98159}to{opacity:1;transform:translateY(0);box-shadow:var(--elevation-1)}}.rotating{animation:rotate 1s linear infinite}.row-flash{animation:dataFlash .7s var(--easing-decelerate) both}.card{animation:fadeSlideUp .3s var(--easing-decelerate) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}[data-theme=dark] .card{border:1px solid rgba(255,255,255,.06)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .card{border:1px solid rgba(255,255,255,.06)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-state .material-symbols-outlined,.preview-empty .material-symbols-outlined,.preview-not-found .material-symbols-outlined{font-size:64px;opacity:.4;animation:breathe 3s var(--easing-standard) infinite;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 6%,transparent) 0%,transparent 70%);border-radius:50%;padding:var(--spacing-md)}.button:active:not(:disabled),button[class*=button-]:active:not(:disabled){transform:scale(.97);transition:transform .1s var(--easing-standard)}.button-outlined:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 5%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-theme] .card,html[data-theme] .badge,html[data-theme] input,html[data-theme] select,html[data-theme] textarea,html[data-theme] button{transition:background-color var(--duration-medium) var(--easing-standard),border-color var(--duration-medium) var(--easing-standard),color var(--duration-medium) var(--easing-standard)}