.main-header{height:64px;border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6, 24px);background-color:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--z-dropdown, 100);box-shadow:0 1px 3px #0000000a}.header-logo-link{display:flex;align-items:center;text-decoration:none;gap:var(--space-2, 8px);border-radius:var(--radius-md, 8px);padding:var(--space-1, 4px) var(--space-2, 8px);margin-left:calc(-1 * var(--space-2, 8px));transition:background-color var(--transition-fast, .15s ease)}.header-logo-link:hover{background-color:var(--color-bg-muted, #f3f4f6)}.header-logo-link:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:2px}.header-brand-name{font-weight:var(--font-bold, 700);font-size:var(--text-lg, 1.125rem);color:var(--color-text, #111827);letter-spacing:-.02em}.header-controls{display:flex;align-items:center;gap:var(--space-1, 4px)}.nav-divider{display:block;width:1px;height:22px;background:var(--color-border, #e5e7eb);margin:0 6px;flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md, 8px);background:transparent;border:none;padding:0;outline:none;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all var(--transition-fast, .15s ease);position:relative}.icon-button:hover{background-color:var(--color-bg-muted, #f3f4f6);color:var(--color-text, #111827);transform:translateY(-1px)}.icon-button:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:2px;background-color:var(--color-bg-muted, #f3f4f6)}.icon-button.active,.add-menu-wrapper:focus-within .icon-button{color:var(--color-text, #111827);background-color:var(--color-bg-muted, #f3f4f6)}.icon-button svg{stroke:currentColor;stroke-width:2px;display:block;transition:transform var(--transition-fast, .15s ease)}.icon-button:hover svg{transform:scale(1.05)}.notification-badge{position:absolute;top:4px;right:4px;background-color:var(--color-error, #dc2626);color:#fff;font-size:var(--text-xs, .75rem);font-weight:var(--font-bold, 700);height:18px;min-width:18px;border-radius:var(--radius-full, 9999px);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1, 4px);border:2px solid var(--color-bg, #fff);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.has-unread{fill:var(--color-error-bg, rgba(239, 68, 68, .1));color:var(--color-error, #dc2626)}.user-menu-wrapper,.add-menu-wrapper{position:relative;margin-left:var(--space-2, 8px)}.avatar-button{width:36px;height:36px;border-radius:var(--radius-full, 9999px);border:2px solid transparent;padding:0;overflow:hidden;cursor:pointer;transition:all var(--transition-fast, .15s ease);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.avatar-button:hover{border-color:var(--color-border, #e5e7eb);transform:scale(1.05)}.avatar-button:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:2px}.user-menu-wrapper:focus-within .avatar-button{border-color:var(--color-primary, #059669)}.avatar-button img{width:100%;height:100%;object-fit:cover}.add-dropdown-menu,.user-dropdown-menu{position:absolute;top:calc(100% + var(--space-2, 8px));right:0;width:260px;background-color:var(--color-bg, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04));z-index:var(--z-dropdown, 100);overflow:hidden;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1);padding:var(--space-2, 8px)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-menu .dropdown-header{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--gradient-subtle, linear-gradient(135deg, rgba(16, 185, 129, .06) 0%, rgba(5, 150, 105, .06) 100%));border-radius:var(--radius-md, 8px);margin-bottom:var(--space-2, 8px)}.user-dropdown-menu .dropdown-header p{margin:0;font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-medium, 500)}.user-dropdown-menu .dropdown-header strong{display:block;font-size:var(--text-sm, .875rem);color:var(--color-text, #111827);margin-top:var(--space-1, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-semibold, 600)}.user-dropdown-menu ul,.add-dropdown-menu ul{list-style:none;padding:0;margin:0}.user-dropdown-menu li a,.user-dropdown-menu li button,.add-dropdown-menu li{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);width:100%;box-sizing:border-box;text-decoration:none;color:var(--color-text-secondary, #4b5563);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);background:transparent;border:none;cursor:pointer;text-align:left}.user-dropdown-menu li a:hover,.user-dropdown-menu li button:hover,.add-dropdown-menu li:hover{background-color:var(--color-bg-muted, #f3f4f6);color:var(--color-text, #111827);transform:translate(2px)}.user-dropdown-menu .separator{height:1px;background-color:var(--color-border, #e5e7eb);margin:var(--space-2, 8px) 0}.user-dropdown-menu li svg,.add-dropdown-menu li svg{color:var(--color-text-muted, #6b7280);transition:color var(--transition-fast, .15s ease);flex-shrink:0}.user-dropdown-menu li:hover svg,.add-dropdown-menu li:hover svg{color:var(--color-text, #111827)}.icon-button.active svg{stroke:var(--color-text, #111827)}@media(max-width:768px){.main-header{padding:0 var(--space-4, 16px)}.header-nav,.header-controls>.icon-button:not(:last-child):not(.notification-button){display:none}.header-controls{gap:var(--space-2, 8px)}.header-logo-link{font-size:var(--text-base, 1rem)}.icon-button{min-width:44px;min-height:44px}.avatar-button{width:40px;height:40px}.user-dropdown-menu,.add-dropdown-menu{left:auto;right:calc(-1 * var(--space-2, 8px));width:calc(100vw - var(--space-8, 32px));max-width:320px}}.header-signin-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2, 8px) var(--space-4, 16px);background:var(--gradient-primary, linear-gradient(135deg, #10b981 0%, #059669 100%));color:#fff;font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);border-radius:var(--radius-md, 8px);text-decoration:none;margin-left:var(--space-2, 8px);transition:all var(--transition-fast, .15s ease)}.header-signin-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.header-signin-btn:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:2px}.notification-button{position:relative;display:flex;align-items:center;justify-content:center}.fun-header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:var(--color-bg, #ffffff);border-bottom:1px solid var(--color-border-light, #f0f0f0);position:sticky;top:0;z-index:1000}.header-left{flex-shrink:0}.fun-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-ai, #7c3aed);font-size:1.3rem;font-weight:700;transition:opacity var(--transition-base, .2s ease)}.fun-logo:hover{opacity:.8}.fun-logo svg{color:var(--color-ai, #7c3aed)}.header-center{display:flex;gap:30px;align-items:center;flex:1;justify-content:center}.header-center a{text-decoration:none;color:#555;font-weight:600;font-size:1.05rem;padding:8px 16px;border-radius:8px;transition:all var(--transition-base, .2s ease);letter-spacing:.01em}.header-center a:hover{color:#000;background:var(--color-bg-subtle, #f9fafb)}.header-center a.active{color:#000;background:var(--color-bg-muted, #f3f4f6)}.demo-badge{background:var(--gradient-ai, linear-gradient(135deg, #667eea 0%, #764ba2 100%));color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #7c3aed4d}.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.icon-btn{color:#444;position:relative}.notification-icon{position:relative}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--color-error, #ef4444);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef44444d}.user-menu-wrapper{position:relative}.avatar-button{background:none;border:none;cursor:pointer;padding:0}.avatar-button img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border, #e5e7eb);transition:border-color var(--transition-base, .2s ease)}.avatar-button:hover img{border-color:#000}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--color-bg, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px;z-index:1001}.dropdown-header{padding:15px;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.dropdown-header p{margin:0;font-size:.8rem;color:var(--color-text-muted, #6b7280)}.dropdown-header strong{font-size:.95rem;color:#000}.user-dropdown-menu ul{list-style:none;margin:0;padding:8px 0}.user-dropdown-menu li{margin:0}.user-dropdown-menu li.separator{height:1px;background:var(--color-border-light, #f0f0f0);margin:8px 0}.user-dropdown-menu a,.user-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;text-decoration:none;color:#333;font-size:.9rem;border:none;background:none;cursor:pointer;transition:background var(--transition-base, .2s ease)}.user-dropdown-menu a:hover,.user-dropdown-menu button:hover{background:var(--color-bg-muted, #f3f4f6)}.login-button{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#000;color:#fff;border:none;border-radius:24px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base, .2s ease)}.login-button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.header-center{display:none}.fun-header{padding:15px 20px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border, #e5e7eb);padding:var(--space-2, 8px) 0 max(var(--space-2, 8px),env(safe-area-inset-bottom));z-index:var(--z-dropdown, 100);box-shadow:0 -4px 20px #0000000f}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1, 4px);flex:1;color:var(--color-text-muted, #6b7280);text-decoration:none;padding:var(--space-2, 8px) var(--space-1, 4px);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s ease);min-height:60px;position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-item svg{transition:all var(--transition-fast, .15s ease);stroke-width:2px}.mobile-nav-item span{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);transition:color var(--transition-fast, .15s ease)}@media(hover:hover){.mobile-nav-item:hover{color:var(--color-text-secondary, #4b5563);background-color:var(--color-bg-muted, #f3f4f6)}}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:transparent;background:var(--gradient-subtle, linear-gradient(135deg, rgba(16, 185, 129, .08) 0%, rgba(5, 150, 105, .08) 100%))}.mobile-nav-item.active svg,.mobile-nav-item.active span{color:var(--color-primary, #059669)}.mobile-nav-item.active svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(5,150,105,.3))}.mobile-nav-icon-wrapper{position:relative}.mobile-nav-badge{position:absolute;top:-6px;right:-10px;background:var(--color-error, #dc2626);color:#fff;font-size:.65rem;font-weight:var(--font-bold, 700);padding:2px 5px;border-radius:var(--radius-full, 9999px);min-width:18px;text-align:center;box-shadow:0 2px 6px #dc262666;animation:badgePulse 2s ease-in-out infinite}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--gradient-primary, linear-gradient(135deg, #10b981 0%, #059669 100%));border-radius:0 0 var(--radius-sm, 4px) var(--radius-sm, 4px);animation:indicatorSlide .25s cubic-bezier(.16,1,.3,1)}@keyframes indicatorSlide{0%{transform:translate(-50%) scaleX(0);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}@media(max-width:768px){.mobile-nav{display:flex}body{padding-bottom:80px}}@media(hover:none)and (pointer:coarse){.mobile-nav-item{min-height:64px}}.mobile-nav-item:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:-2px;background-color:var(--color-bg-muted, #f3f4f6)}.spinner{width:40px;height:40px;border:4px solid var(--color-bg-muted, #f3f4f6);border-top:4px solid var(--color-primary, #059669);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}.spinner-small{width:20px;height:20px;border-width:2px;margin:0;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.page-loader-spinner{width:32px;height:32px;border:3px solid var(--color-border, #e5e7eb);border-top-color:var(--color-ai, #7c3aed);border-radius:50%;animation:pageLoaderSpin .8s linear infinite}@keyframes pageLoaderSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){.page-loader-spinner{animation:pageLoaderSpin .6s linear infinite}}:root{--color-primary: #059669;--color-primary-hover: #047857;--color-primary-light: #d1fae5;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-subtle: linear-gradient(135deg, rgba(16, 185, 129, .06) 0%, rgba(5, 150, 105, .06) 100%);--color-ai: #7c3aed;--color-ai-hover: #6d28d9;--color-ai-light: #ede9fe;--gradient-ai: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-ai-subtle: linear-gradient(135deg, rgba(102, 126, 234, .08) 0%, rgba(118, 75, 162, .08) 100%);--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-bg-muted: #f3f4f6;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-border-focus: #059669;--color-success: #16a34a;--color-success-bg: rgba(34, 197, 94, .1);--color-error: #dc2626;--color-error-bg: #fef2f2;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-bg-subtle: #fffbf0;--color-warning-border: #fcd34d;--color-info: #0ea5e9;--color-border-light: #f0f0f0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(5, 150, 105, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-text-faint: #6b7280;--color-bg: #111827;--color-bg-subtle: #1f2937;--color-bg-muted: #374151;--color-border: #374151;--color-border-hover: #4b5563;--color-border-light: #1f2937;--color-border-focus: #10b981;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-light: #064e3b;--gradient-subtle: linear-gradient(135deg, rgba(16, 185, 129, .1) 0%, rgba(5, 150, 105, .1) 100%);--color-ai-light: #1e1b4b;--gradient-ai-subtle: linear-gradient(135deg, rgba(102, 126, 234, .12) 0%, rgba(118, 75, 162, .12) 100%);--color-success: #34d399;--color-success-bg: rgba(52, 211, 153, .12);--color-error: #f87171;--color-error-bg: rgba(248, 113, 113, .1);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-bg-subtle: rgba(251, 191, 36, .06);--color-warning-border: rgba(251, 191, 36, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .55), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(16, 185, 129, .25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);height:32px}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);height:40px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);height:48px}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-ai{background:var(--gradient-ai);color:#fff}.btn-ai:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-muted);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);width:40px;height:40px}.btn-icon:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn-icon-sm{width:32px;height:32px;padding:var(--space-1)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.input:hover{border-color:var(--color-border-hover)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-faint)}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary, #059669);text-decoration:inherit}a:hover{color:var(--color-primary-hover, #047857)}html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:inherit;margin:0}h1{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-bold, 700);line-height:var(--leading-tight, 1.25)}h2{font-size:var(--text-xl, 1.25rem);font-weight:var(--font-semibold, 600);line-height:var(--leading-snug, 1.375)}h3{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);line-height:var(--leading-snug, 1.375)}button{border-radius:var(--radius-md, 8px);border:none;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:all var(--transition-base, .2s ease)}button:focus-visible{outline:2px solid var(--color-primary, #059669);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-family:inherit;transition:border-color var(--transition-base, .2s ease),box-shadow var(--transition-base, .2s ease)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-focus, #059669)!important;box-shadow:var(--shadow-focus, 0 0 0 3px rgba(5, 150, 105, .15))!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-enter{animation:pageEnterAnim .35s cubic-bezier(.16,1,.3,1)}@keyframes pageEnterAnim{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:pageEnterAnim .35s cubic-bezier(.16,1,.3,1)}.skeleton{background:linear-gradient(90deg,var(--color-bg-muted, #f3f4f6) 0%,var(--color-bg-subtle, #f9fafb) 50%,var(--color-bg-muted, #f3f4f6) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite ease-in-out;border-radius:var(--radius-md, 8px)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-bg-muted, #f3f4f6);border-top-color:var(--color-primary, #059669);border-radius:50%;animation:spinnerRotate .8s linear infinite}.loading-spinner.small{width:20px;height:20px;border-width:2px}.loading-spinner.large{width:48px;height:48px;border-width:4px}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-4, 16px);color:var(--color-text-muted, #6b7280)}.page-exit{animation:pageExitAnim .15s ease forwards}@keyframes pageExitAnim{to{opacity:0;transform:translateY(-8px)}}.stagger-children>*{opacity:0;animation:staggerFadeIn .3s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}@keyframes staggerFadeIn{to{opacity:1}}@media(prefers-reduced-motion:reduce){.page-enter,.page-content,.page-exit,.stagger-children>*,.skeleton{animation:none}.stagger-children>*{opacity:1}}[data-sonner-toaster],.react-hot-toast{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important}div[role=status][data-type]{background:var(--color-bg, #ffffff)!important;border:1px solid var(--color-border, #e5e7eb)!important;border-radius:var(--radius-lg, 12px)!important;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05))!important;padding:var(--space-3, 12px) var(--space-4, 16px)!important;font-size:var(--text-sm, .875rem)!important;font-weight:var(--font-medium, 500)!important;color:var(--color-text, #111827)!important;gap:var(--space-3, 12px)!important}div[role=status][data-type=success]{border-left:4px solid var(--color-success, #16a34a)!important}div[role=status][data-type=error]{border-left:4px solid var(--color-error, #dc2626)!important}div[role=status][data-type=loading]{border-left:4px solid var(--color-primary, #059669)!important}.go3958317564{animation:toastEnter .35s cubic-bezier(.21,1.02,.73,1)!important}.go2072408551{animation:toastExit .4s forwards cubic-bezier(.06,.71,.55,1)!important}@keyframes toastEnter{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.go1858758034{color:var(--color-text, #111827)!important;font-weight:var(--font-medium, 500)!important}.go4109123758{background:var(--color-success, #16a34a)!important}.go2344853693{background:var(--color-error, #dc2626)!important}.go1888806478{border-color:var(--color-bg-muted, #f3f4f6)!important;border-right-color:var(--color-primary, #059669)!important}