:root{--sf-color-primary-50: #eff6ff;--sf-color-primary-100: #dbeafe;--sf-color-primary-200: #bfdbfe;--sf-color-primary-300: #93c5fd;--sf-color-primary-400: #60a5fa;--sf-color-primary-500: #3b82f6;--sf-color-primary-600: #2563eb;--sf-color-primary-700: #1d4ed8;--sf-color-primary-800: #1e40af;--sf-color-primary-900: #1e3a8a;--sf-color-gray-50: #f8fafc;--sf-color-gray-100: #f1f5f9;--sf-color-gray-200: #e2e8f0;--sf-color-gray-300: #cbd5e1;--sf-color-gray-400: #94a3b8;--sf-color-gray-500: #64748b;--sf-color-gray-600: #475569;--sf-color-gray-700: #334155;--sf-color-gray-800: #1e293b;--sf-color-gray-900: #0f172a;--sf-color-success-50: #f0fdf4;--sf-color-success-400: #4ade80;--sf-color-success-500: #22c55e;--sf-color-success-600: #16a34a;--sf-color-success-700: #15803d;--sf-color-error-50: #fef2f2;--sf-color-error-400: #f87171;--sf-color-error-500: #ef4444;--sf-color-error-600: #dc2626;--sf-color-error-700: #b91c1c;--sf-color-warning-50: #fffbeb;--sf-color-warning-400: #fbbf24;--sf-color-warning-500: #f59e0b;--sf-color-warning-600: #d97706;--sf-bg: var(--sf-next-shell-bg, #f4f7fb);--sf-surface: var(--sf-next-shell-surface, rgba(255,255,255,.92));--sf-surface-strong: var(--sf-next-shell-surface-strong, #ffffff);--sf-surface-soft: rgba(248, 250, 252, .96);--sf-text: var(--sf-next-shell-text, #0f172a);--sf-text-muted: var(--sf-next-shell-muted, #5f728c);--sf-text-soft: var(--sf-color-gray-500);--sf-border: var(--sf-next-shell-border, rgba(15,23,42,.08));--sf-divider: var(--sf-next-shell-divider, rgba(148,163,184,.2));--sf-shadow: var(--sf-next-shell-shadow, 0 24px 60px rgba(15,23,42,.09));--sf-shadow-soft: var(--sf-next-shell-shadow-soft, 0 12px 30px rgba(15,23,42,.06));--sf-shadow-xs: 0 2px 8px rgba(15,23,42,.06);--sf-shadow-lg: 0 32px 72px rgba(15,23,42,.14);--sf-primary: var(--sf-next-shell-accent, #1662d6);--sf-primary-strong: var(--sf-next-shell-accent-strong, #0f4fb5);--sf-primary-soft: var(--sf-next-shell-accent-soft, rgba(22,98,214,.1));--sf-primary-surface: var(--sf-next-shell-accent-surface, rgba(22,98,214,.08));--sf-radius-xs: 4px;--sf-radius-sm: 8px;--sf-radius-md: 12px;--sf-radius-lg: 16px;--sf-radius-xl: 20px;--sf-radius-2xl: 24px;--sf-radius-3xl: 32px;--sf-radius-full: 9999px;--sf-space-px: 1px;--sf-space-1: 4px;--sf-space-2: 8px;--sf-space-3: 12px;--sf-space-4: 16px;--sf-space-5: 20px;--sf-space-6: 24px;--sf-space-7: 28px;--sf-space-8: 32px;--sf-space-10: 40px;--sf-space-12: 48px;--sf-space-16: 64px;--sf-text-xs: .75rem;--sf-text-sm: .875rem;--sf-text-base: 1rem;--sf-text-lg: 1.125rem;--sf-text-xl: 1.25rem;--sf-text-2xl: 1.5rem;--sf-text-3xl: 1.875rem;--sf-font-normal: 400;--sf-font-medium: 500;--sf-font-semibold: 600;--sf-font-bold: 700;--sf-card-bg: var(--sf-surface-strong);--sf-card-border: var(--sf-border);--sf-card-radius: var(--sf-radius-xl);--sf-card-shadow: var(--sf-shadow-soft);--sf-card-padding: var(--sf-space-5);--sf-card-header-bg: transparent;--sf-card-header-border: var(--sf-divider);--sf-btn-radius: var(--sf-radius-full);--sf-btn-height-sm: 32px;--sf-btn-height-md: 40px;--sf-btn-height-lg: 48px;--sf-btn-padding-x: 16px;--sf-btn-font-size: var(--sf-text-sm);--sf-btn-font-weight: var(--sf-font-semibold);--sf-btn-transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .15s ease, box-shadow .15s ease;--sf-badge-radius: var(--sf-radius-full);--sf-badge-height: 22px;--sf-badge-padding-x: var(--sf-space-2);--sf-badge-font-size: var(--sf-text-xs);--sf-badge-font-weight: var(--sf-font-semibold);--sf-avatar-xs: 24px;--sf-avatar-sm: 32px;--sf-avatar-md: 40px;--sf-avatar-lg: 56px;--sf-avatar-xl: 80px;--sf-avatar-2xl: 120px;--sf-input-height: 44px;--sf-input-radius: var(--sf-radius-lg);--sf-input-border: 1px solid var(--sf-border);--sf-input-bg: var(--sf-surface);--sf-input-color: var(--sf-text);--sf-input-padding: var(--sf-space-2) var(--sf-space-4);--sf-input-focus-ring: 0 0 0 3px var(--sf-primary-soft);--sf-tab-radius: var(--sf-radius-sm);--sf-tab-height: 40px;--sf-tab-color: var(--sf-text-muted);--sf-tab-active-bg: var(--sf-primary);--sf-tab-active-color: #fff;--sf-dropdown-radius: var(--sf-radius-xl);--sf-dropdown-bg: var(--sf-surface-strong);--sf-dropdown-border: rgba(148,163,184,.18);--sf-dropdown-shadow: 0 22px 40px rgba(15,23,42,.14);--sf-dropdown-item-radius: var(--sf-radius-md);--sf-dropdown-item-hover: rgba(37,99,235,.08);--sf-container-max: 1320px;--sf-container-gap: 24px;--sf-sidebar-width: clamp(260px, 22vw, 300px);--sf-aux-width: clamp(240px, 20vw, 280px)}body.night-mode{--sf-surface: var(--sf-next-shell-surface, rgba(10,18,30,.78));--sf-surface-strong: var(--sf-next-shell-surface-strong, #0d1726);--sf-surface-soft: rgba(9,18,31,.72);--sf-text: var(--sf-next-shell-text, #e2e8f0);--sf-text-muted: var(--sf-next-shell-muted, #91a4bc);--sf-text-soft: var(--sf-color-gray-400);--sf-border: var(--sf-next-shell-border, rgba(148,163,184,.14));--sf-divider: rgba(148,163,184,.16);--sf-shadow: var(--sf-next-shell-shadow, 0 28px 60px rgba(0,0,0,.38));--sf-shadow-soft: var(--sf-next-shell-shadow-soft, 0 16px 34px rgba(0,0,0,.22));--sf-shadow-xs: 0 2px 8px rgba(0,0,0,.18);--sf-shadow-lg: 0 32px 72px rgba(0,0,0,.44);--sf-primary: var(--sf-next-shell-accent, #56a6ff);--sf-primary-strong: var(--sf-next-shell-accent-strong, #8cc6ff);--sf-primary-soft: var(--sf-next-shell-accent-soft, rgba(86,166,255,.14));--sf-primary-surface: rgba(86,166,255,.1);--sf-card-bg: var(--sf-surface-strong);--sf-input-bg: var(--sf-surface);--sf-dropdown-bg: var(--sf-surface-strong);--sf-dropdown-shadow: 0 22px 40px rgba(0,0,0,.28);--sf-dropdown-item-hover: rgba(59,130,246,.16)}