:root{--voop-space-1:4px;--voop-space-2:8px;--voop-space-3:12px;--voop-space-4:16px;--voop-space-5:20px;--voop-space-6:24px;--voop-space-8:32px;--voop-space-10:40px;--voop-radius-sm:6px;--voop-radius-md:8px;--voop-radius-lg:12px;--voop-radius-xl:16px;--voop-radius-full:9999px;--voop-shadow-none:none;--voop-shadow-sm:0 1px 2px rgba(0,0,0,.05);--voop-shadow-md:0 4px 12px rgba(0,0,0,.08);--voop-shadow-lg:0 10px 30px rgba(0,0,0,.12);--voop-font-xs:0.75rem;--voop-font-sm:0.875rem;--voop-font-base:1rem;--voop-font-lg:1.125rem;--voop-font-xl:1.25rem;--voop-font-2xl:1.5rem;--voop-font-3xl:1.875rem;--voop-weight-normal:400;--voop-weight-medium:500;--voop-weight-semibold:600;--voop-weight-bold:700;--voop-weight-black:800;--accent-supporting:#0ea5e9}:root,[data-mode=light],[data-theme=light]{--nav-bg:#fff;--nav-bg-secondary:#f8fafc;--nav-border:#e2e8f0;--nav-text:#0f172a;--nav-text-primary:#0f172a;--nav-text-secondary:#475569;--nav-text-muted:#64748b;--nav-icon:#64748b;--nav-hover:#f1f5f9;--nav-active:#eff6ff;--nav-active-text:#1d4ed8;--nav-active-icon:#2563eb;--nav-search-bg:#f8fafc;--nav-search-border:#e2e8f0;--nav-search-text:#0f172a;--nav-search-placeholder:#64748b;--nav-scrollbar-thumb:#cbd5e1;--nav-scrollbar-thumb-hover:#94a3b8;--sidebar-bg:var(--nav-bg);--sidebar-primary-text:var(--nav-text-primary);--sidebar-secondary-text:var(--nav-text-secondary);--sidebar-icon:var(--nav-icon);--sidebar-hover:var(--nav-hover);--sidebar-active-bg:var(--nav-active);--sidebar-active-text:var(--nav-active-text);--sidebar-active-icon:var(--nav-active-icon);--sidebar-headings:var(--nav-text-muted);--sidebar-border:var(--nav-border);--voop-sidebar-bg:var(--nav-bg);--voop-sidebar-text:var(--nav-text-primary);--voop-sidebar-text-secondary:var(--nav-text-secondary);--voop-sidebar-icon:var(--nav-icon);--voop-sidebar-hover:var(--nav-hover);--voop-sidebar-active-bg:var(--nav-active);--voop-sidebar-active-text:var(--nav-active-text);--voop-sidebar-active-icon:var(--nav-active-icon);--voop-sidebar-headings:var(--nav-text-muted);--voop-sidebar-border:var(--nav-border);--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--surface:#fff;--surface-elevated:#fff;--surface-hover:#f1f5f9;--surface-active:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-disabled:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent-border:#bfdbfe;--accent-text:#2563eb;--accent-rgb:37,99,235;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--error:#dc2626;--error-soft:#fef2f2;--danger:var(--error);--danger-soft:var(--error-soft);--info:#2563eb;--info-soft:#eff6ff;--neutral:#475569;--neutral-soft:#f1f5f9;--focus:var(--accent);--focus-ring:rgba(37,99,235,.2);--input-bg:#fff;--input-border:#e2e8f0;--input-text:#0f172a;--input-placeholder:#64748b;--input-focus:var(--accent);--table-bg:#fff;--table-header-bg:#f1f5f9;--table-header-text:#475569;--table-row:#fff;--table-row-hover:#f1f5f9;--table-row-selected:#eff6ff;--table-border:#e2e8f0;--card-bg:#fff;--card-border:#e2e8f0;--card-radius:var(--voop-radius-lg);--card-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.05);--header-bg:#fff;--header-border:#e2e8f0;--header-text:#0f172a;--modal-overlay:rgba(15,23,42,.6);--modal-bg:#fff;--modal-border:#e2e8f0;--modal-text:#0f172a;--dropdown-bg:#fff;--dropdown-border:#e2e8f0;--dropdown-text:#0f172a;--dropdown-hover:#f1f5f9;--chart-primary:var(--accent);--chart-secondary:var(--accent-hover);--chart-success:var(--success);--chart-warning:var(--warning);--chart-danger:var(--error);--chart-grid:#e2e8f0;color-scheme:light}.dark,[data-mode=dark],[data-theme=dark]{--nav-bg:#0b1120;--nav-bg-secondary:#111827;--nav-border:#1e293b;--nav-text:#f8fafc;--nav-text-primary:#f8fafc;--nav-text-secondary:#cbd5e1;--nav-text-muted:#94a3b8;--nav-icon:#94a3b8;--nav-hover:#172033;--nav-active:#1d4ed8;--nav-active-text:#fff;--nav-active-icon:#fff;--nav-search-bg:#111827;--nav-search-border:#263449;--nav-search-text:#f8fafc;--nav-search-placeholder:#94a3b8;--nav-scrollbar-thumb:#1e293b;--nav-scrollbar-thumb-hover:#334155;--sidebar-bg:var(--nav-bg);--sidebar-primary-text:var(--nav-text-primary);--sidebar-secondary-text:var(--nav-text-secondary);--sidebar-icon:var(--nav-icon);--sidebar-hover:var(--nav-hover);--sidebar-active-bg:var(--nav-active);--sidebar-active-text:var(--nav-active-text);--sidebar-active-icon:var(--nav-active-icon);--sidebar-headings:var(--nav-text-muted);--sidebar-border:var(--nav-border);--voop-sidebar-bg:var(--nav-bg);--voop-sidebar-text:var(--nav-text-primary);--voop-sidebar-text-secondary:var(--nav-text-secondary);--voop-sidebar-icon:var(--nav-icon);--voop-sidebar-hover:var(--nav-hover);--voop-sidebar-active-bg:var(--nav-active);--voop-sidebar-active-text:var(--nav-active-text);--voop-sidebar-active-icon:var(--nav-active-icon);--voop-sidebar-headings:var(--nav-text-muted);--voop-sidebar-border:var(--nav-border);--bg-primary:#0b1120;--bg-secondary:#111827;--surface:#172033;--surface-elevated:#1e293b;--surface-hover:#1e293b;--surface-active:#263449;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--border:#263449;--border-strong:#334155;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#172554;--accent-border:#1e3a8a;--accent-text:#60a5fa;--accent-rgb:59,130,246;--success:#22c55e;--success-soft:#052e16;--warning:#f59e0b;--warning-soft:#451a03;--error:#ef4444;--error-soft:#450a0a;--danger:var(--error);--danger-soft:var(--error-soft);--info:#60a5fa;--info-soft:#172554;--neutral:#cbd5e1;--neutral-soft:#1e293b;--focus:var(--accent);--focus-ring:rgba(59,130,246,.3);--input-bg:#172033;--input-border:#263449;--input-text:#f8fafc;--input-placeholder:#94a3b8;--input-focus:var(--accent);--table-bg:#172033;--table-header-bg:#111827;--table-header-text:#cbd5e1;--table-row:#172033;--table-row-hover:#1e293b;--table-row-selected:#172554;--table-border:#263449;--card-bg:#172033;--card-border:#263449;--card-radius:var(--voop-radius-lg);--card-shadow:0 4px 20px 0 rgba(0,0,0,.4);--header-bg:#172033;--header-border:#263449;--header-text:#f8fafc;--modal-overlay:rgba(0,0,0,.75);--modal-bg:#172033;--modal-border:#263449;--modal-text:#f8fafc;--dropdown-bg:#172033;--dropdown-border:#263449;--dropdown-text:#f8fafc;--dropdown-hover:#1e293b;--chart-primary:var(--accent);--chart-secondary:var(--accent-hover);--chart-success:var(--success);--chart-warning:var(--warning);--chart-danger:var(--error);--chart-grid:#263449;color-scheme:dark}.dark,:root,[data-mode=dark],[data-mode=light],[data-theme=dark],[data-theme=light]{--background:var(--bg-primary);--surface-secondary:var(--bg-secondary);--surface-tertiary:var(--surface-elevated);--voop-bg:var(--bg-primary);--voop-surface:var(--surface);--voop-surface-secondary:var(--bg-secondary);--voop-surface-tertiary:var(--surface-elevated);--voop-surface-hover:var(--surface-hover);--voop-surface-active:var(--surface-active);--voop-text-primary:var(--text-primary);--voop-text-secondary:var(--text-secondary);--voop-text-muted:var(--text-muted);--voop-text-disabled:var(--text-disabled);--voop-border:var(--border);--voop-border-subtle:var(--border);--voop-border-strong:var(--border-strong);--voop-border-card:var(--border);--voop-accent:var(--accent);--voop-accent-hover:var(--accent-hover);--voop-accent-active:var(--accent-hover);--voop-accent-soft:var(--accent-soft);--voop-accent-border:var(--accent-border);--voop-accent-text:var(--accent-text);--voop-accent-rgb:var(--accent-rgb);--primary:var(--accent);--primary-hover:var(--accent-hover);--primary-soft:var(--accent-soft);--primary-modern:var(--accent);--theme-primary:var(--accent);--theme-primary-hover:var(--accent-hover);--theme-primary-active:var(--accent-hover);--theme-primary-subtle:var(--accent-soft);--theme-secondary:var(--accent-hover);--theme-accent:var(--accent);--voop-success:var(--success);--voop-success-soft:var(--success-soft);--voop-warning:var(--warning);--voop-warning-soft:var(--warning-soft);--voop-danger:var(--error);--voop-danger-soft:var(--error-soft);--voop-info:var(--info);--voop-info-soft:var(--info-soft);--voop-neutral:var(--neutral);--voop-status-success:var(--success);--voop-status-warning:var(--warning);--voop-status-danger:var(--error);--voop-status-info:var(--info);--voop-status-neutral:var(--neutral);--voop-input-bg:var(--input-bg);--voop-input-border:var(--input-border);--voop-input-text:var(--input-text);--voop-input-placeholder:var(--input-placeholder);--voop-input-focus:var(--input-focus);--voop-table-bg:var(--table-bg);--voop-table-header-bg:var(--table-header-bg);--voop-table-header-text:var(--table-header-text);--voop-table-row:var(--table-row);--voop-table-row-hover:var(--table-row-hover);--voop-table-border:var(--table-border);--voop-card-bg:var(--card-bg);--voop-card-border:var(--card-border);--voop-card-radius:var(--card-radius);--voop-card-shadow:var(--card-shadow);--voop-header-bg:var(--header-bg);--voop-header-border:var(--header-border);--voop-header-text:var(--header-text);--voop-modal-bg:var(--modal-bg);--voop-modal-border:var(--modal-border);--voop-modal-text:var(--modal-text);--voop-modal-overlay:var(--modal-overlay);--voop-chart-primary:var(--chart-primary);--voop-chart-secondary:var(--chart-secondary);--voop-chart-success:var(--chart-success);--voop-chart-warning:var(--chart-warning);--voop-chart-danger:var(--chart-danger);--voop-chart-grid:var(--chart-grid);--color-background:var(--bg-primary);--color-surface:var(--surface);--color-surface-hover:var(--surface-hover);--color-surface-active:var(--surface-active);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-disabled:var(--text-disabled);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-success:var(--success);--color-success-subtle:var(--success-soft);--color-warning:var(--warning);--color-warning-subtle:var(--warning-soft);--color-error:var(--error);--color-error-subtle:var(--error-soft);--color-info:var(--info);--color-info-subtle:var(--info-soft)}.btn-primary{background-color:var(--accent)!important;color:#fff!important;border:1px solid transparent!important;font-weight:600;border-radius:var(--voop-radius-md);padding:8px 16px;font-size:var(--voop-font-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)!important;filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;font-weight:600;border-radius:var(--voop-radius-md);padding:8px 16px;font-size:var(--voop-font-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover)!important;border-color:var(--border-strong)!important}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid transparent!important;font-weight:500;border-radius:var(--voop-radius-md);padding:8px 14px;font-size:var(--voop-font-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover)!important;color:var(--text-primary)!important}.btn-danger{background-color:var(--error)!important;color:#fff!important;border:1px solid transparent!important;font-weight:600;border-radius:var(--voop-radius-md);padding:8px 16px;font-size:var(--voop-font-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-danger:hover:not(:disabled){opacity:.92}.btn-success{background-color:var(--success)!important;color:#fff!important;border:1px solid transparent!important;font-weight:600;border-radius:var(--voop-radius-md);padding:8px 16px;font-size:var(--voop-font-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-success:hover:not(:disabled){opacity:.92}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--voop-radius-md);border:1px solid var(--border);background-color:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-icon:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-primary)}.card-surface,.voop-card{background-color:var(--surface);box-shadow:var(--card-shadow)}.card-surface,.card-surface-secondary,.voop-card{border:1px solid var(--border);border-radius:var(--card-radius);color:var(--text-primary)}.card-surface-secondary{background-color:var(--bg-secondary)}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:var(--text-primary)}.voop-input,:where(input:not([type=checkbox]):not([type=radio]),select,textarea){background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--voop-radius-md);font-family:inherit;font-size:var(--voop-font-sm);padding:8px 14px;transition:border-color .15s ease,box-shadow .15s ease}.voop-input:focus,:where(input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus){border-color:var(--input-focus);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--input-placeholder);opacity:1}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:1}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);border-color:var(--border);cursor:not-allowed}input[type=date]{color-scheme:light}.dark input[type=date],[data-mode=dark] input[type=date],[data-theme=dark] input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-leading-icon{position:absolute;inset-inline-start:var(--input-icon-start,13px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--input-icon-size,16px);height:var(--input-icon-size,16px);pointer-events:none;color:var(--text-muted);z-index:2;transition:color .15s ease}.input-wrapper:focus-within .input-leading-icon{color:var(--accent)}.input-trailing-control,.input-trailing-icon{inset-inline-end:var(--input-icon-start,13px)}.input-trailing-control,.input-trailing-icon,.input-trailing-shortcut{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;z-index:2}.input-trailing-shortcut{inset-inline-end:10px}.input-with-leading-icon,.input-wrapper>.input-leading-icon~input,.input-wrapper>.input-leading-icon~select,.relative>.input-leading-icon~input,.relative>svg.absolute:first-child~input:not([class*=pl-1]):not([class*=pl-2]){padding-inline-start:var(--input-padding-with-icon,40px)!important;padding-left:var(--input-padding-with-icon,40px)!important}.input-with-trailing-icon,.input-wrapper>.input-trailing-icon~input,.input-wrapper>input~.input-trailing-icon,.relative>input:not([class*=pr-2]):not([class*=pr-3])~button.absolute{padding-inline-end:var(--input-padding-with-trailing,40px)!important;padding-right:var(--input-padding-with-trailing,40px)!important}.input-with-trailing-shortcut,.input-wrapper>.input-trailing-shortcut~input,.input-wrapper>input~kbd.absolute,.relative>input~kbd.absolute{padding-inline-end:var(--input-padding-with-shortcut,56px)!important;padding-right:var(--input-padding-with-shortcut,56px)!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.dark input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--surface) inset!important}.voop-table,table{width:100%;background-color:var(--table-bg);border-collapse:collapse}.voop-table thead th,table thead th{background-color:var(--table-header-bg);color:var(--table-header-text);border-bottom:1px solid var(--table-border);font-weight:600;font-size:var(--voop-font-xs);text-align:left;padding:10px 14px}.voop-table tbody tr,table tbody tr{background-color:var(--table-row);border-bottom:1px solid var(--table-border);transition:background-color .12s ease}.table-row-hover:hover,.voop-table tbody tr:hover,table tbody tr:hover{background-color:var(--table-row-hover)}.voop-table tbody tr.selected,table tbody tr.selected{background-color:var(--table-row-selected)}.voop-table tbody td,table tbody td{color:var(--text-primary);font-size:var(--voop-font-sm);padding:12px 14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--voop-radius-full);font-size:var(--voop-font-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-success{background-color:var(--success-soft)!important;color:var(--success)!important;border:1px solid rgba(22,163,74,.25)!important}.badge-warning{background-color:var(--warning-soft)!important;color:var(--warning)!important;border:1px solid rgba(217,119,6,.25)!important}.badge-danger,.badge-error{background-color:var(--error-soft)!important;color:var(--error)!important;border:1px solid rgba(220,38,38,.25)!important}.badge-info{background-color:var(--info-soft)!important;color:var(--info)!important;border:1px solid rgba(37,99,235,.25)!important}.badge-primary{background-color:var(--accent-soft)!important;color:var(--accent)!important;border:1px solid var(--accent-border)!important}.badge-neutral{background-color:var(--bg-secondary)!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important}.modal-surface{background-color:var(--modal-bg)!important;color:var(--modal-text)!important;border:1px solid var(--modal-border)!important;box-shadow:var(--voop-shadow-lg)!important}.dropdown-surface{background-color:var(--dropdown-bg)!important;border:1px solid var(--dropdown-border)!important;box-shadow:var(--voop-shadow-md)!important}.dropdown-item,.dropdown-surface{color:var(--dropdown-text)!important}.dropdown-item{background-color:transparent;transition:background-color .12s ease}.dropdown-item:hover{background-color:var(--dropdown-hover)!important}.dropdown-item.selected{background-color:var(--accent-soft)!important;color:var(--accent)!important}.sidebar-container{background-color:var(--nav-bg)!important;border-right:1px solid var(--nav-border)!important}.sidebar-container,.sidebar-primary-text{color:var(--nav-text-primary)!important}.sidebar-secondary-text{color:var(--nav-text-secondary)!important}.sidebar-heading{color:var(--sidebar-headings)!important}.sidebar-item{color:var(--nav-text-secondary)!important;background-color:transparent;transition:all .15s ease}.sidebar-item:hover{background-color:var(--nav-hover)!important;color:var(--nav-text-primary)!important}.sidebar-item.active{background-color:var(--nav-active)!important;color:var(--nav-active-text)!important;font-weight:700}.sidebar-item .sidebar-icon{color:var(--nav-icon)!important}.sidebar-item.active .sidebar-icon{color:var(--nav-active-icon)!important}.sidebar-scrollbar::-webkit-scrollbar{width:4px}.sidebar-scrollbar::-webkit-scrollbar-track{background:transparent}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:var(--nav-scrollbar-thumb,var(--border));border-radius:4px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--nav-scrollbar-thumb-hover,var(--text-muted))}