:root{--color-brand-blue-950: #0f2942;--color-brand-blue-900: #1a3a52;--color-brand-blue-800: #254b63;--color-brand-blue-700: #2f5c75;--color-brand-blue-600: #3a6d86;--color-brand-blue-500: #4c8199;--color-brand-blue-400: #6a9fb5;--color-brand-blue-300: #8eb9cc;--color-brand-blue-200: #b5d4e3;--color-brand-blue-100: #deeaf2;--color-brand-blue-50: #f0f7fb;--color-brand-gold-950: #3d2506;--color-brand-gold-900: #6b400d;--color-brand-gold-800: #8f5612;--color-brand-gold-700: #b46d18;--color-brand-gold-600: #d9841e;--color-brand-gold-500: #f5a838;--color-brand-gold-400: #f7bd5f;--color-brand-gold-300: #f9d186;--color-brand-gold-200: #fce3b0;--color-brand-gold-100: #fef2dc;--color-brand-gold-50: #fff9f0;--color-brand-green-950: #0d2515;--color-brand-green-900: #173d25;--color-brand-green-800: #215535;--color-brand-green-700: #2b6d46;--color-brand-green-600: #358556;--color-brand-green-500: #4a9d6a;--color-brand-green-400: #6fb388;--color-brand-green-300: #95c9a6;--color-brand-green-200: #bcdec9;--color-brand-green-100: #e1f1e8;--color-brand-green-50: #f3faf6;--color-neutral-950: #0a0e14;--color-neutral-900: #1a1f2e;--color-neutral-800: #2a3140;--color-neutral-700: #3d4556;--color-neutral-600: #525a6e;--color-neutral-500: #6b7280;--color-neutral-400: #9ca3af;--color-neutral-300: #d1d5db;--color-neutral-200: #e5e7eb;--color-neutral-100: #f3f4f6;--color-neutral-50: #f9fafb;--color-white: #ffffff;--color-success-dark: #166534;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-bg: #f0fdf4;--color-attention-dark: #C97560;--color-attention: #E8927C;--color-attention-light: #F5C4B8;--color-attention-bg: #FEF5F3;--color-error-dark: #C97560;--color-error: #E8927C;--color-error-light: #F5C4B8;--color-error-bg: #FEF5F3;--color-warning-dark: #92400e;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fffbeb;--color-info-dark: #1e40af;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-bg: #eff6ff;--accent: var(--color-brand-blue-600);--accent-hover: var(--color-brand-blue-700);--accent-active: var(--color-brand-blue-800);--accent-subtle: var(--color-brand-blue-100);--accent-secondary: var(--color-brand-gold-500);--accent-secondary-hover: var(--color-brand-gold-600);--accent-secondary-subtle: var(--color-brand-gold-100);--bg-primary: var(--color-brand-gold-50);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-elevated: var(--color-white);--bg-overlay: color-mix(in srgb, var(--color-neutral-950) 50%, transparent);--bg-glass: color-mix(in srgb, var(--color-white) 90%, transparent);--bg-glass-dark: color-mix(in srgb, var(--color-neutral-950) 90%, transparent);--surface: color-mix(in srgb, var(--color-white) 85%, var(--color-brand-gold-50));--surface-hover: var(--color-neutral-50);--surface-active: var(--color-neutral-100);--surface-border: var(--color-neutral-200);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-white);--text-inverse-secondary: color-mix(in srgb, var(--color-white) 90%, transparent);--text-link: var(--color-brand-blue-600);--text-link-hover: var(--color-brand-blue-700);--border: var(--color-neutral-200);--border-hover: var(--color-neutral-300);--border-focus: var(--accent);--border-strong: var(--color-neutral-400);--interactive-hover: var(--color-neutral-100);--interactive-active: var(--color-neutral-200);--interactive-disabled: var(--color-neutral-100);--interactive-disabled-text: var(--color-neutral-400);--interactive-hover-warm: rgba(139, 108, 83, .12);--status-success: var(--color-success);--status-success-bg: var(--color-success-bg);--status-attention: var(--color-attention);--status-attention-bg: var(--color-attention-bg);--status-error: var(--color-attention);--status-error-bg: var(--color-attention-bg);--status-warning: var(--color-warning);--status-warning-bg: var(--color-warning-bg);--status-info: var(--color-info);--status-info-bg: var(--color-info-bg);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-2-5: .5625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-color: 58, 109, 134;--shadow-float-sm: 0 1px 2px rgba(var(--shadow-color), .08), 0 2px 4px rgba(var(--shadow-color), .08);--shadow-float-md: 0 1px 2px rgba(var(--shadow-color), .08), 0 2px 4px rgba(var(--shadow-color), .08), 0 4px 8px rgba(var(--shadow-color), .08), 0 8px 16px rgba(var(--shadow-color), .08);--shadow-float-lg: 0 1px 2px rgba(var(--shadow-color), .08), 0 2px 4px rgba(var(--shadow-color), .08), 0 4px 8px rgba(var(--shadow-color), .08), 0 8px 16px rgba(var(--shadow-color), .08), 0 16px 32px rgba(var(--shadow-color), .08);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--z-toast: 1700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s ease;--uplift-shadow-sm: 0 2px 6px rgba(76, 129, 153, .1);--uplift-shadow-md: 0 4px 12px rgba(76, 129, 153, .15);--uplift-shadow-lg: 0 8px 24px rgba(76, 129, 153, .2);--uplift-hover-y: -2px;--uplift-active-y: 0}@media(prefers-color-scheme:dark){:root{--accent: var(--color-brand-blue-400);--accent-hover: var(--color-brand-blue-300);--accent-active: var(--color-brand-blue-200);--accent-subtle: var(--color-brand-blue-900);--accent-secondary: var(--color-brand-gold-400);--accent-secondary-hover: var(--color-brand-gold-300);--accent-secondary-subtle: var(--color-brand-gold-900);--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--bg-elevated: var(--color-neutral-900);--bg-overlay: color-mix(in srgb, black 70%, transparent);--bg-glass: color-mix(in srgb, var(--color-neutral-950) 90%, transparent);--bg-glass-dark: color-mix(in srgb, var(--color-neutral-950) 95%, transparent);--surface: var(--color-neutral-900);--surface-hover: var(--color-neutral-800);--surface-active: var(--color-neutral-700);--surface-border: var(--color-neutral-700);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-disabled: var(--color-neutral-600);--text-inverse: var(--color-neutral-900);--text-inverse-secondary: color-mix(in srgb, var(--color-white) 90%, transparent);--text-link: var(--color-brand-blue-400);--text-link-hover: var(--color-brand-blue-300);--border: var(--color-neutral-700);--border-hover: var(--color-neutral-600);--border-focus: var(--accent);--border-strong: var(--color-neutral-600);--interactive-hover: var(--color-neutral-800);--interactive-active: var(--color-neutral-700);--interactive-disabled: var(--color-neutral-800);--interactive-disabled-text: var(--color-neutral-600);--interactive-hover-warm: rgba(139, 108, 83, .2);--status-success: var(--color-success-light);--status-success-bg: color-mix(in srgb, var(--color-success) 10%, transparent);--status-attention: var(--color-attention-light);--status-attention-bg: color-mix(in srgb, var(--color-attention) 10%, transparent);--status-error: var(--color-attention-light);--status-error-bg: color-mix(in srgb, var(--color-attention) 10%, transparent);--status-warning: var(--color-warning-light);--status-warning-bg: color-mix(in srgb, var(--color-warning) 10%, transparent);--status-info: var(--color-info-light);--status-info-bg: color-mix(in srgb, var(--color-info) 10%, transparent);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}}[data-theme=dark]{color-scheme:dark;--accent: var(--color-brand-blue-400);--accent-hover: var(--color-brand-blue-300);--accent-active: var(--color-brand-blue-200);--accent-subtle: var(--color-brand-blue-900);--accent-secondary: var(--color-brand-gold-400);--accent-secondary-hover: var(--color-brand-gold-300);--accent-secondary-subtle: var(--color-brand-gold-900);--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--bg-elevated: var(--color-neutral-900);--bg-overlay: color-mix(in srgb, black 70%, transparent);--surface: var(--color-neutral-900);--surface-hover: var(--color-neutral-800);--surface-active: var(--color-neutral-700);--surface-border: var(--color-neutral-700);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-disabled: var(--color-neutral-600);--text-inverse: var(--color-neutral-900);--text-link: var(--color-brand-blue-400);--text-link-hover: var(--color-brand-blue-300);--border: var(--color-neutral-700);--border-hover: var(--color-neutral-600);--border-focus: var(--accent);--border-strong: var(--color-neutral-600);--interactive-hover: var(--color-neutral-800);--interactive-active: var(--color-neutral-700);--interactive-disabled: var(--color-neutral-800);--interactive-disabled-text: var(--color-neutral-600);--interactive-hover-warm: rgba(139, 108, 83, .2);--status-success: var(--color-success-light);--status-success-bg: color-mix(in srgb, var(--color-success) 10%, transparent);--status-attention: var(--color-attention-light);--status-attention-bg: color-mix(in srgb, var(--color-attention) 10%, transparent);--status-error: var(--color-attention-light);--status-error-bg: color-mix(in srgb, var(--color-attention) 10%, transparent);--status-warning: var(--color-warning-light);--status-warning-bg: color-mix(in srgb, var(--color-warning) 10%, transparent);--status-info: var(--color-info-light);--status-info-bg: color-mix(in srgb, var(--color-info) 10%, transparent);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .6);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:root{font-family:var(--font-family-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-size:16px;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;color:var(--text-secondary);line-height:var(--line-height-normal)}a{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:none;padding:0;margin:0;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--accent);color:var(--text-inverse);padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);border:1px solid transparent;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--accent-active);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-secondary{background-color:var(--surface);color:var(--text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--border-hover)}.btn-secondary:active:not(:disabled){background-color:var(--surface-active)}.btn-secondary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--border-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;background-color:var(--interactive-disabled);color:var(--interactive-disabled-text)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--border: var(--border-strong)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.uplift-floaty{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.uplift-floaty:hover:not(:disabled){transform:translateY(var(--uplift-hover-y));box-shadow:var(--uplift-shadow-md)}.uplift-floaty:active:not(:disabled){transform:translateY(var(--uplift-active-y));box-shadow:var(--uplift-shadow-sm)}.uplift-floaty-subtle{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.uplift-floaty-subtle:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--uplift-shadow-sm)}.uplift-floaty-subtle:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #4c819914}.uplift-floaty-prominent{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.uplift-floaty-prominent:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--uplift-shadow-lg)}.uplift-floaty-prominent:active:not(:disabled){transform:translateY(-1px);box-shadow:var(--uplift-shadow-md)}.button,button:not([class*=no-floaty]){transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.button:hover:not(:disabled),button:hover:not(:disabled):not([class*=no-floaty]){transform:translateY(var(--uplift-hover-y));box-shadow:var(--uplift-shadow-md)}.button:active:not(:disabled),button:active:not(:disabled):not([class*=no-floaty]){transform:translateY(var(--uplift-active-y));box-shadow:var(--uplift-shadow-sm)}.card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(var(--uplift-hover-y));box-shadow:var(--uplift-shadow-md);cursor:pointer}.card:active{transform:translateY(var(--uplift-active-y));box-shadow:var(--uplift-shadow-sm)}a:not([class*=no-floaty]){transition:transform var(--transition-fast);display:inline-block}a:hover:not([class*=no-floaty]){transform:translateY(-1px)}.no-floaty,.no-floaty:hover,.no-floaty:active{transform:none!important;box-shadow:none!important}:disabled,[aria-disabled=true],[disabled]{transform:none!important;box-shadow:none!important}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--bg-primary)}.error-boundary-content{max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.error-boundary-icon{color:var(--status-attention);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.error-boundary-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0}.error-boundary-status{font-size:var(--font-size-xl);color:var(--status-attention);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);margin:0}.error-boundary-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.error-boundary-details{width:100%;margin-top:var(--space-4)}.error-boundary-details details{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:left}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--text);-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:var(--accent)}.error-boundary-stack{margin-top:var(--space-3);padding:var(--space-3);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow-x:auto}.error-boundary-stack strong{display:block;color:var(--status-attention);margin-bottom:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.error-boundary-stack pre{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.error-boundary-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none}.error-boundary-button-primary{background-color:var(--accent);color:var(--text-inverse)}.error-boundary-button-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.error-boundary-button-secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border)}.error-boundary-button-secondary:hover{background-color:var(--surface-hover)}@media(max-width:767px){.error-boundary-title{font-size:var(--font-size-2xl)}.error-boundary-description{font-size:var(--font-size-base)}.error-boundary-actions{flex-direction:column;width:100%}.error-boundary-button{width:100%;justify-content:center}}.shimmer-container{width:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.shimmer{position:relative;overflow:hidden;background-color:var(--surface);border-radius:var(--radius-lg)}.shimmer-card{height:200px;width:100%}.shimmer-text{height:20px;width:100%}.shimmer-title{height:40px;width:60%}.shimmer-animation{position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.auth-loading-skeleton{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #ffffff);z-index:9999}.auth-loading-content{width:100%;max-width:1200px;padding:var(--spacing-6, 2rem);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8, 3rem)}.auth-loading-logo{display:flex;align-items:center;gap:var(--spacing-3, .75rem)}.auth-loading-logo-circle{width:48px;height:48px;border-radius:var(--radius-full, 9999px)}.auth-loading-logo-text{width:120px;height:32px;border-radius:var(--radius-md, .375rem)}.auth-loading-main{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6, 2rem)}.auth-loading-title{width:300px;height:40px;border-radius:var(--radius-md, .375rem)}.auth-loading-subtitle{width:400px;height:24px;border-radius:var(--radius-md, .375rem)}.auth-loading-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4, 1rem);width:100%;margin-top:var(--spacing-4, 1rem)}.auth-loading-card{height:180px;border-radius:var(--radius-lg, .5rem)}.shimmer-effect{background:linear-gradient(90deg,#d4c7ba4d,#d4c7ba80,#d4c7ba4d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md, .375rem)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3, .75rem);margin-top:var(--spacing-4, 1rem)}.auth-loading-spinner{width:40px;height:40px;border:3px solid var(--border, #e5e5e5);border-top-color:var(--accent, #2563eb);border-radius:var(--radius-full, 9999px);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading-text{margin:0;font-size:var(--text-sm, .875rem);color:var(--text-secondary, #6b7280);font-weight:500}@media(prefers-color-scheme:dark){.auth-loading-skeleton{background:var(--bg-primary, #0f0f0f)}.shimmer-effect{background:linear-gradient(90deg,#d4c7ba33,#d4c7ba66,#d4c7ba33);background-size:200% 100%}}@media(max-width:768px){.auth-loading-content{padding:var(--spacing-4, 1rem);gap:var(--spacing-6, 2rem)}.auth-loading-title{width:240px;height:32px}.auth-loading-subtitle{width:280px;height:20px}.auth-loading-cards{grid-template-columns:1fr}}.divider{background-color:var(--border)}.divider-horizontal{width:100%;height:1px;margin:var(--space-2) 0}.divider-vertical{width:1px;height:100%;margin:0 var(--space-2)}.avatar-menu{position:relative}.avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:transform .2s ease;flex-shrink:0}.avatar-button:hover .avatar-circle{transform:scale(1.05)}.avatar-username{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:240px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:1000;animation:fadeIn .14s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.avatar-menu[data-position=sidebar]{width:100%}.avatar-menu[data-position=sidebar] .avatar-button{width:100%;justify-content:flex-start;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color .2s ease}.avatar-menu[data-position=sidebar] .avatar-button:hover{background-color:var(--surface-hover);color:var(--accent-secondary)}.avatar-menu[data-position=sidebar] .avatar-button:hover .avatar-username{color:var(--accent-secondary)}.avatar-menu[data-position=sidebar] .avatar-dropdown{bottom:calc(100% + var(--space-2));top:auto;right:auto;left:0;animation:fadeIn .14s ease;background-color:var(--surface);border:none;box-shadow:none;padding:var(--space-2);border-radius:var(--radius-md);margin-bottom:var(--space-2);width:100%}.avatar-menu[data-position=sidebar] .avatar-dropdown-item{background-color:transparent;border-radius:var(--radius-md);margin-bottom:var(--space-1);padding:var(--space-3)}.avatar-menu[data-position=sidebar] .avatar-dropdown-item:hover{background-color:var(--surface-hover);color:var(--accent-secondary)}.avatar-menu[data-position=sidebar] .avatar-dropdown-header{display:none}.avatar-menu[data-position=sidebar] .avatar-dropdown-language-list{padding-left:var(--space-6)}.avatar-menu[data-position=sidebar][data-collapsed=true] .avatar-dropdown{width:auto;min-width:48px}.avatar-menu[data-position=sidebar][data-collapsed=true] .avatar-dropdown-item{justify-content:center;padding:var(--space-2)}.avatar-menu[data-position=sidebar][data-collapsed=true] .avatar-dropdown-language-list{padding-left:0}.avatar-dropdown-header{padding:var(--space-3) var(--space-4)}.avatar-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-1)}.avatar-dropdown-email{font-size:var(--font-size-xs);color:var(--text-secondary);word-break:break-all}.avatar-dropdown-divider{height:1px;background-color:var(--border);margin:var(--space-2) 0}.avatar-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-md);color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease}.avatar-dropdown-item:hover{background-color:var(--surface-hover)}.avatar-dropdown-item-danger{color:var(--danger)}.avatar-dropdown-item-danger:hover{background-color:var(--danger-light)}.avatar-dropdown-item svg{flex-shrink:0}.avatar-dropdown-language-section{display:flex;flex-direction:column}.avatar-dropdown-language-list{display:flex;flex-direction:column;gap:var(--space-1);padding-left:var(--space-8);margin-top:var(--space-2)}.avatar-dropdown-language-option{width:100%;display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:background-color .2s ease,color .2s ease}@media(prefers-reduced-motion:reduce){.avatar-dropdown{animation:none}}.avatar-dropdown-language-option:hover{background-color:var(--surface-hover)}.avatar-dropdown-language-option.active{color:var(--accent-secondary);background-color:var(--accent-secondary-subtle)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background-color:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar-collapsed{width:120px}@media(max-width:767px){.sidebar{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-bottom:1px solid var(--border);box-sizing:border-box;position:relative;min-height:64px}.sidebar-collapsed .sidebar-header{flex-direction:row;gap:var(--space-2);padding:var(--space-3);min-height:64px}.sidebar-logo{display:block;text-decoration:none;transition:opacity .2s ease;flex:1;padding-left:var(--space-2)}.sidebar-logo:hover{opacity:.8}.sidebar-logo-content{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo-collapsed{width:auto;display:flex;align-items:center;justify-content:flex-start;padding-left:var(--space-2);border-radius:var(--radius-xl);margin:0}.sidebar-logo-collapsed:focus{outline:none}.sidebar-logo-collapsed:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.sidebar-logo-image{width:40px;height:40px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;display:block}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent);white-space:nowrap;line-height:40px}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-toggle:hover{background-color:var(--surface-hover);color:var(--accent-secondary)}.sidebar-toggle-collapsed{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-collapsed:hover{background-color:var(--surface-hover);color:var(--accent-secondary)}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.sidebar-collapsed .sidebar-nav{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-2)}.sidebar-nav-item{display:block;padding:var(--space-2) var(--space-2-5) var(--space-4) var(--space-5);border-radius:var(--radius-md);color:var(--text);text-decoration:none;transition:all .2s ease}.sidebar-nav-content{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);white-space:nowrap;height:44px;min-height:44px}.sidebar-collapsed .sidebar-nav-item{padding:var(--space-2-5) var(--space-2-5) var(--space-4) var(--space-5)}.sidebar-collapsed .sidebar-nav-content{justify-content:flex-start}.sidebar-nav-item:hover{background-color:var(--surface-hover);color:var(--accent-secondary);box-shadow:var(--uplift-shadow-md);border-radius:var(--radius-md)}.sidebar-nav-item.active{background-color:var(--accent-secondary-subtle);color:var(--accent-secondary);position:relative}.sidebar-collapsed .sidebar-nav-item.active{background-color:transparent;color:var(--accent-secondary)}.sidebar-nav-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.sidebar-nav-icon svg{display:block;width:100%;height:100%}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.1)}.sidebar-nav-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:24px;flex:1}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border)}@media(max-width:767px){.sidebar-footer{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:auto;min-height:64px;background-color:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-evenly;align-items:stretch;padding:var(--space-2) var(--space-2);gap:var(--space-1);z-index:100}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{display:block;padding:var(--space-2) var(--space-1);color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:all .2s ease;flex:1 1 0;min-width:0}.bottom-nav-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;height:100%}.bottom-nav-item:hover{color:var(--text)}.bottom-nav-item.active{color:var(--accent-secondary)}.bottom-nav-icon{flex-shrink:0;width:24px;height:24px;display:block}.bottom-nav-label{font-size:8px;font-weight:var(--font-weight-medium);text-align:center;line-height:1.3;max-width:100%;min-height:20.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.search-bar-container{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:all .2s ease}.search-bar-icon{color:var(--text-secondary);flex-shrink:0;margin-right:var(--space-2)}.search-bar-input{flex:1;background:none;border:none;outline:none;font-size:var(--font-size-sm);color:var(--text);padding:0}.search-bar-input::placeholder{color:var(--text-secondary)}.search-bar-minimal{background-color:#00000008;border:1px solid rgba(0,0,0,.06)}.search-bar-minimal:focus-within{background-color:#0000000d;border-color:#0000001a;box-shadow:0 2px 8px #0000000a}.search-bar-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-bar-glass:focus-within{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #00000014}@media(prefers-color-scheme:dark){.search-bar-glass{background:#0003;border:1px solid rgba(255,255,255,.1)}.search-bar-glass:focus-within{background:#0000004d;border-color:#ffffff26}}.dashboard-header{background-color:var(--bg-primary);border-bottom:none;padding:var(--space-2) var(--space-4);position:sticky;top:0;z-index:50;min-height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;flex-shrink:0}.dashboard-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 100%);pointer-events:none;transform:translateY(100%)}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;width:100%;height:100%}@media(min-width:768px){.dashboard-header-content{display:none}}.dashboard-header-spacer{flex:1}.header-search-wrapper{flex:1;display:flex;justify-content:center;max-width:500px}@media(min-width:768px){.dashboard-header{min-height:64px;padding:0 var(--space-6);position:relative;justify-content:center}.header-search-wrapper{max-width:500px}}@media(max-width:767px){.dashboard-header{padding:var(--space-2) var(--space-4);min-height:48px}.header-search-wrapper{max-width:240px}}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-primary);overflow-x:hidden}.app-layout-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left .3s ease}@media(min-width:768px){.app-layout-main{margin-left:260px}.app-layout-main.sidebar-collapsed{margin-left:120px}.app-layout-main.no-sidebar{margin-left:0}}.app-layout-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--space-1) var(--space-1) var(--space-6) var(--space-1);overflow-y:auto;overflow-x:hidden}@media(max-width:767px){.app-layout-content{padding-top:0;padding-bottom:calc(var(--space-6) + 80px)}}