:root{--color-primary:#667eea;--color-primary-light:#8b9cf0;--color-primary-dark:#5a6fd6;--color-primary-hover:#5a6fd6;--color-primary-50:#667eea0d;--color-primary-100:#667eea1a;--color-primary-200:#667eea33;--color-secondary:#764ba2;--color-secondary-light:#9b6fc0;--color-secondary-dark:#5e3b82;--color-accent:gold;--color-accent-light:#ffdf33;--color-accent-dark:orange;--color-accent-gradient:linear-gradient(135deg,gold,orange);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-primary-reverse:linear-gradient(135deg,#764ba2,#667eea);--gradient-primary-soft:linear-gradient(135deg,#667eea14,#764ba214);--gradient-primary-hover:linear-gradient(135deg,#5a6fd6,#6a4290);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-hero-soft:linear-gradient(180deg,#667eea26,#764ba214 50%,#0000);--gradient-dark:linear-gradient(135deg,#1a1a2e,#16213e);--gradient-mesh:radial-gradient(at 40% 20%,#667eea4d 0px,#0000 50%),radial-gradient(at 80% 0%,#764ba233 0px,#0000 50%),radial-gradient(at 0% 50%,#f093fb26 0px,#0000 50%),radial-gradient(at 80% 50%,#667eea26 0px,#0000 50%),radial-gradient(at 0% 100%,#764ba233 0px,#0000 50%);--gradient-glass:linear-gradient(135deg,#ffffff1a,#ffffff0d);--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef44441a;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--color-cycling:#3b82f6;--color-cycling-bg:#3b82f61a;--color-hiking:#10b981;--color-hiking-bg:#10b9811a;--color-running:#ef4444;--color-running-bg:#ef44441a;--color-walking:#8b5cf6;--color-walking-bg:#8b5cf61a;--color-other:#6b7280;--color-other-bg:#6b72801a;--color-background:#fafbfc;--color-background-alt:#f1f5f9;--color-background-dark:#e2e8f0;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-surface-glass:#ffffffb3;--color-surface-glass-dark:#ffffffe6;--color-text-primary:#1a202c;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-disabled:#cbd5e1;--color-text-on-primary:#fff;--color-text-on-dark:#fff;--color-text-heading:#0f172a;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--color-border-focus:#667eea;--color-border-glass:#ffffff2e;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Fira Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.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-size-7xl:4.5rem;--font-size-8xl:6rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-none:1;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-primary:0 10px 40px -10px #667eea66;--shadow-primary-lg:0 20px 60px -15px #667eea80;--shadow-primary-xl:0 25px 80px -20px #667eea99;--shadow-success:0 10px 40px -10px #10b98166;--shadow-error:0 10px 40px -10px #ef444466;--shadow-gold:0 10px 40px -10px #ffd70066;--shadow-glass:0 8px 32px 0 #1f268726;--shadow-glass-lg:0 16px 48px 0 #1f268733;--shadow-card:0 4px 20px #00000014;--shadow-card-hover:0 12px 40px #667eea26;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--transition-slower:500ms ease;--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--transition-spring:600ms cubic-bezier(0.175,0.885,0.32,1.275);--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-max:9999;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--navbar-height:72px;--navbar-height-mobile:64px;--sidebar-width:280px;--card-padding:var(--spacing-6);--card-radius:var(--radius-2xl);--button-height-xs:32px;--button-height-sm:38px;--button-height-md:44px;--button-height-lg:52px;--button-height-xl:60px;--input-height:48px;--input-radius:var(--radius-xl);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px}@media (prefers-color-scheme:dark){:root.dark-mode{--color-background:#0f172a;--color-background-alt:#1e293b;--color-background-dark:#1e293b;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-elevated:#334155;--color-surface-glass:#1e293bcc;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-heading:#fff;--color-border:#334155;--color-border-light:#1e293b;--color-border-dark:#475569}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);line-height:var(--line-height-normal)}code{font-family:var(--font-family-mono)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border-bottom:3px solid var(--color-border-light);border-left:3px solid var(--color-border-light);border-radius:var(--radius-full);border-right-color:var(--color-border-light);border-right:3px solid var(--color-primary);border-top-color:var(--color-border-light);border-top:3px solid var(--color-primary)}.loading-small .loading-spinner{border-width:2px;height:16px;width:16px}.loading-medium .loading-spinner{border-width:3px;height:32px;width:32px}.loading-large .loading-spinner{border-width:4px;height:48px;width:48px}.loading-full{min-height:200px;width:100%}.loading-full .loading-spinner{border-width:4px;height:48px;width:48px}.loading-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;text-align:center}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;z-index:var(--z-modal)}.app-loading,.loading-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed}.app-loading{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);z-index:9999}.app-loading-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-6)}.app-loading-logo{animation:pulse 2s ease-in-out infinite;color:var(--color-text-on-primary);height:64px;width:64px}.app-loading-logo svg{height:100%;width:100%}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.app-loading .loading-spinner{border-color:#ffffff4d;border-right-color:var(--color-text-on-primary);border-top-color:var(--color-text-on-primary)}.app-loading-message{color:var(--color-text-on-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.loading-inline{align-items:center;display:inline-flex;gap:var(--spacing-2)}.loading-inline .loading-spinner{border-width:2px;height:16px;width:16px}.navbar{align-items:center;background:#0000;display:flex;height:72px;justify-content:space-between;left:0;padding:0 32px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #ffffff80;box-shadow:0 4px 30px #00000014}.navbar-brand{gap:12px;text-decoration:none;z-index:10}.brand-icon,.navbar-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;font-size:1.25rem;height:44px;justify-content:center;transition:transform .3s ease;width:44px}.navbar-brand:hover .brand-icon{transform:scale(1.05) rotate(-3deg)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800;letter-spacing:-.5px}.navbar:not(.scrolled) .brand-text{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text}.navbar:not(.scrolled) .brand-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.nav-links{z-index:10}.nav-item,.nav-links{align-items:center;display:flex;gap:8px}.nav-item{background:#ffffff1a;border:1px solid #0000;border-radius:12px;color:#ffffffd9;font-size:.95rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.navbar.scrolled .nav-item{background:#0000;color:var(--color-text-secondary)}.nav-item:hover{background:#fff3;border-color:#fff3;color:#fff}.navbar.scrolled .nav-item:hover{background:#667eea1a;color:var(--color-primary)}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.navbar.scrolled .nav-item.active{color:#fff}.nav-item svg{font-size:1rem}.nav-item.admin-link{background:#dc262633;border-color:#dc26264d;color:#fecaca}.navbar.scrolled .nav-item.admin-link{background:#dc262614;color:var(--color-error)}.nav-item.admin-link:hover{background:#dc26264d}.navbar.scrolled .nav-item.admin-link:hover{background:#dc262626}.nav-item.login-btn{background:#fff;border-color:#ffffff4d;color:var(--color-primary)}.navbar.scrolled .nav-item.login-btn{background:var(--gradient-primary);color:#fff}.nav-item.login-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.nav-user-section{align-items:center;border-left:1px solid #fff3;display:flex;gap:12px;margin-left:8px;padding-left:16px}.navbar.scrolled .nav-user-section{border-left-color:var(--color-border)}.nav-profile{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;display:flex;gap:10px;padding:6px 14px 6px 6px;text-decoration:none;transition:all .3s ease}.navbar.scrolled .nav-profile{background:var(--color-background);border-color:var(--color-border)}.nav-profile.active,.nav-profile:hover{background:#fff3;border-color:#ffffff4d}.navbar.scrolled .nav-profile.active,.navbar.scrolled .nav-profile:hover{background:var(--color-background-alt);border-color:var(--color-border-dark)}.nav-avatar{border:2px solid #ffffff4d;border-radius:50%;height:36px;object-fit:cover;width:36px}.navbar.scrolled .nav-avatar{border-color:var(--color-primary)}.nav-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;height:36px;justify-content:center;width:36px}.nav-username{color:#fff;font-size:.9rem;font-weight:600}.navbar.scrolled .nav-username{color:var(--color-text-primary)}.signout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.navbar.scrolled .signout-btn{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-secondary)}.signout-btn:hover{background:#fff3;transform:translateY(-1px)}.navbar.scrolled .signout-btn:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:none;font-size:1.25rem;height:44px;justify-content:center;transition:all .3s ease;width:44px;z-index:10}.navbar.scrolled .mobile-menu-toggle{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}.mobile-menu-toggle:hover{background:#fff3}.navbar.scrolled .mobile-menu-toggle:hover{background:var(--color-background-alt)}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;position:fixed;z-index:5}@media (max-width:768px){.navbar{height:64px;padding:0 20px}.brand-icon{border-radius:12px;height:40px;width:40px}.brand-text{font-size:1.2rem}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.nav-links{align-items:stretch;background:#fff;box-shadow:-20px 0 60px #00000026;flex-direction:column;gap:12px;height:100vh;padding:100px 24px 40px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px}.nav-links.open{right:0}.nav-item{background:var(--color-background);border-radius:14px;color:var(--color-text-secondary);justify-content:flex-start;padding:14px 20px}.nav-item.active,.nav-item.login-btn,.nav-item:hover{background:var(--gradient-primary);color:#fff}.nav-user-section{align-items:stretch;border:none;border-top:1px solid var(--color-border);flex-direction:column;gap:12px;margin:auto 0 0;padding:24px 0 0}.nav-profile{background:var(--color-background);border-color:var(--color-border);border-radius:14px;padding:12px 16px}.nav-username{color:var(--color-text-primary)}.nav-avatar{border-color:var(--color-primary)}.signout-btn{background:var(--color-error-bg);border-color:#0000;border-radius:14px;color:var(--color-error);justify-content:center;padding:14px 20px}.navbar.menu-open{background:#fff;box-shadow:0 4px 30px #00000014}.navbar.menu-open .brand-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.navbar.menu-open .brand-icon{background:var(--gradient-primary)}.navbar.menu-open .mobile-menu-toggle{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}}@media (max-width:480px){.navbar{padding:0 16px}.brand-text{display:none}.nav-links{width:100%}}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#f8fafc;color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;margin:0;padding:0}.App{min-height:100vh;text-align:center}.App,.page-loader{display:flex;flex-direction:column}.page-loader{align-items:center;background:linear-gradient(180deg,#f8fafc,#e2e8f0);gap:24px;inset:0;justify-content:center;position:fixed;z-index:9999}.page-loader-spinner{animation:loader-spin .8s linear infinite;border:4px solid #667eea26;border-radius:50%;border-top-color:#667eea;height:56px;width:56px}@keyframes loader-spin{to{transform:rotate(1turn)}}.page-loader-text{animation:loader-pulse 1.5s ease-in-out infinite;color:#64748b;font-size:1rem;font-weight:500}@keyframes loader-pulse{0%,to{opacity:.6}50%{opacity:1}}a{color:#667eea;text-decoration:none;transition:color .2s ease}a:hover{color:#764ba2}button{cursor:pointer;font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}input,select,textarea{font-family:inherit;font-size:1rem}input::placeholder,textarea::placeholder{color:#94a3b8}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border:2px solid #f1f5f9;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd6,#6a4290)}*{scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}::selection{background-color:#667eea33;color:#1a202c}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 20px #0000000f}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 12px 40px #667eea26;transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.animate-slide-down{animation:slideDown .4s ease}.animate-scale-in{animation:scaleIn .3s ease}.toast-container{bottom:24px;gap:12px;right:24px;z-index:10000}.toast{animation:slideUp .3s ease;border-radius:12px;box-shadow:0 10px 40px #00000026;font-size:.95rem;font-weight:500;gap:12px;max-width:400px;padding:16px 24px}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}.modal-content{animation:scaleIn .3s ease;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0003;max-height:90vh;max-width:500px;overflow:auto;width:100%}.skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:60px 40px;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:24px;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state h3{color:#334155;font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;font-size:1rem;margin:0}.error-banner{align-items:center;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;border-radius:12px;color:#dc2626;display:flex;font-weight:500;gap:12px;padding:16px 24px}.error-banner-icon{font-size:1.25rem}@media (max-width:768px){.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:none;width:100%}.modal-content{border-radius:20px}}@media print{.modal-overlay,.navbar,.toast-container{display:none!important}body{background:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.error-boundary{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-boundary h1{color:#333;font-size:24px;margin-bottom:12px}.error-boundary p{color:#666;line-height:1.5;margin-bottom:24px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.error-button.primary{background-color:#007bff;color:#fff}.error-button.primary:hover{background-color:#0056b3}.error-button.secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.error-button.secondary:hover{background-color:#e9ecef}.error-details{background:#f8f9fa;border-radius:8px;margin-top:24px;padding:16px;text-align:left}.error-details summary{color:#666;cursor:pointer;font-weight:600;margin-bottom:12px}.error-details pre{background:#333;border-radius:4px;color:#f8f8f2;font-size:12px;margin:8px 0;overflow-x:auto;padding:12px}.protected-route-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-container{flex-direction:column;max-width:400px;pointer-events:none;position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:var(--z-toast)}.toast,.toast-container{display:flex;gap:var(--spacing-3)}.toast{align-items:center;animation:toast-enter .3s ease-out;background-color:var(--color-surface);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;padding:var(--spacing-3) var(--spacing-4);pointer-events:auto}.toast-exit{animation:toast-exit .3s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-success{background-color:var(--color-success-bg);border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{background-color:var(--color-error-bg);border-left-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{background-color:var(--color-warning-bg);border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{background-color:var(--color-info-bg);border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-icon svg{height:100%;width:100%}.toast-message{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.toast-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;height:24px;padding:var(--spacing-1);transition:color var(--transition-fast),background-color var(--transition-fast);width:24px}.toast-close:hover{background-color:#0000000d;color:var(--color-text-primary)}.toast-close svg{height:100%;width:100%}@media (max-width:480px){.toast-container{left:var(--spacing-4);max-width:none;right:var(--spacing-4)}.toast{min-width:auto}}
/*# sourceMappingURL=main.b4e31617.css.map*/