:root{--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--space-1:0.125rem;--space-2:0.25rem;--space-4:0.5rem;--space-6:0.75rem;--space-8:1rem;--space-12:1.5rem;--space-16:2rem;--space-20:2.5rem;--space-24:3rem;--space-32:4rem;--space-40:5rem;--space-48:6rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 30px 60px -15px #0000004d;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-primary:0 10px 25px -5px #6366f14d;--shadow-primary-lg:0 20px 40px -10px #6366f166;--shadow-success:0 10px 25px -5px #10b9814d;--shadow-warning:0 10px 25px -5px #f59e0b4d;--shadow-error:0 10px 25px -5px #ef44444d;--border-width:1px;--border-color:#0000000f;--border-color-hover:#0000001f;--border-color-focus:var(--color-primary-500);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:500ms cubic-bezier(0.4,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--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;--bg-page:var(--color-gray-50);--bg-surface:var(--color-white);--bg-elevated:var(--color-white);--bg-overlay:#00000080;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--text-disabled:var(--color-gray-400);--text-inverse:var(--color-white);--interactive-primary:var(--color-primary-500);--interactive-primary-hover:var(--color-primary-600);--interactive-primary-active:var(--color-primary-700);--focus-ring:0 0 0 3px #6366f11a;--focus-ring-offset:2px;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-primary-hover:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-dark:linear-gradient(135deg,#1e293b,#0f172a);--gradient-light:linear-gradient(135deg,#f8fafc,#e2e8f0);--gradient-sunset:linear-gradient(135deg,#ff6b6b,#feca57 50%,#ee5a6f);--gradient-ocean:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-forest:linear-gradient(135deg,#11998e,#38ef7d);--gradient-aurora:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-cosmic:linear-gradient(135deg,#fa709a,#fee140);--gradient-royal:linear-gradient(135deg,#667eea,#764ba2);--gradient-fire:linear-gradient(135deg,#f83600,#f9d423);--gradient-ice:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-mesh-1:radial-gradient(at 40% 20%,#6366f14d 0px,#0000 50%),radial-gradient(at 80% 0%,#8b5cf64d 0px,#0000 50%),radial-gradient(at 0% 50%,#3b82f64d 0px,#0000 50%);--gradient-mesh-2:radial-gradient(at 0% 0%,#6366f133 0px,#0000 50%),radial-gradient(at 50% 0%,#8b5cf633 0px,#0000 50%),radial-gradient(at 100% 0%,#3b82f633 0px,#0000 50%);--gradient-mesh-vibrant:radial-gradient(circle at 20% 30%,#6366f126 0%,#0000 40%),radial-gradient(circle at 80% 20%,#8b5cf61f 0%,#0000 40%),radial-gradient(circle at 40% 70%,#3b82f61a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f59e0b14 0%,#0000 40%),radial-gradient(circle at 10% 90%,#10b9811a 0%,#0000 40%);--gradient-bg-soft:linear-gradient(135deg,#e0e7ff,#f0f4ff 25%,#fef3c7 50%,#dbeafe 75%,#e0e7ff);--gradient-bg-warm:linear-gradient(135deg,#fef3c7,#fed7aa 25%,#fecaca 50%,#e9d5ff 75%,#fef3c7);--gradient-bg-cool:linear-gradient(135deg,#dbeafe,#e0e7ff 25%,#ddd6fe 50%,#bfdbfe 75%,#dbeafe);--gradient-bg-nature:linear-gradient(135deg,#d1fae5,#fef3c7 25%,#dbeafe 50%,#e0e7ff 75%,#d1fae5) --backdrop-blur-sm:blur(4px);--backdrop-blur:blur(8px);--backdrop-blur-md:blur(12px);--backdrop-blur-lg:blur(16px);--backdrop-blur-xl:blur(24px);--animation-duration-fast:200ms;--animation-duration-base:300ms;--animation-duration-slow:500ms;--animation-duration-slower:800ms}[data-theme=dark]{--color-gray-50:#0f172a;--color-gray-100:#1e293b;--color-gray-200:#334155;--color-gray-300:#475569;--color-gray-400:#64748b;--color-gray-500:#94a3b8;--color-gray-600:#cbd5e1;--color-gray-700:#e2e8f0;--color-gray-800:#f1f5f9;--color-gray-900:#f8fafc;--bg-page:var(--color-gray-50);--bg-surface:var(--color-gray-100);--bg-elevated:var(--color-gray-200);--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-500);--border-color:#ffffff14;--border-color-hover:#ffffff1f;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-base:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}:root{--mobile-padding:1rem;--mobile-gap:0.75rem;--mobile-font-base:0.9375rem;--mobile-heading-scale:0.85;--bottom-nav-height:70px}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{align-items:center;background:#fff!important;background-color:#fff!important;border-top:1px solid #00000014;bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;height:70px;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding:0 .5rem;position:fixed;right:0;z-index:999}@keyframes slideUpNav{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.bottom-nav-item{align-items:center;border-radius:var(--radius-lg);color:#6b7280!important;display:flex;flex:1 1;flex-direction:column;font-size:.625rem;font-weight:600;gap:.2rem;justify-content:center;max-width:75px;min-width:55px;padding:.4rem .5rem;position:relative;text-decoration:none;transition:all .2s ease}.bottom-nav-item,.bottom-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-item span{line-height:1.2;max-width:100%}.bottom-nav-item svg{stroke:currentColor;flex-shrink:0;height:22px;transition:all .3s ease;width:22px}.bottom-nav-item.active{color:#6366f1!important}.bottom-nav-item.active svg{transform:scale(1.1)}.bottom-nav-item.active:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}@keyframes expandWidth{0%{width:0}to{width:30px}}.bottom-nav-item:active{transform:scale(.95)}body{padding-bottom:calc(70px + 1rem);padding-bottom:calc(var(--bottom-nav-height) + 1rem)}.sidebar{bottom:0;left:0;position:fixed!important;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1001}.sidebar.open{transform:translateX(0)}.swipeable-card{position:relative;touch-action:pan-y;transition:transform .3s cubic-bezier(.4,0,.2,1)}.swipeable-card.swiping{transition:none}.swipeable-card.swipe-left{transform:translateX(-100px)}.swipeable-card.swipe-right{transform:translateX(100px)}.swipe-actions{align-items:center;bottom:0;display:flex;opacity:0;padding:0 1rem;position:absolute;top:0;transition:opacity .3s ease}.swipe-actions.left{background:linear-gradient(90deg,#0000,#ef4444e6);right:0}.swipe-actions.right{background:linear-gradient(90deg,#10b981e6,#0000);left:0}.swipeable-card.swiping .swipe-actions{opacity:1}.swipe-action-btn{align-items:center;background:#fff;border-radius:var(--radius-full);box-shadow:0 4px 12px #00000026;color:var(--gray-900);display:flex;height:48px;justify-content:center;width:48px}.pull-to-refresh-container{overflow:hidden;position:relative}.pull-to-refresh-indicator{align-items:center;background:linear-gradient(180deg,#6366f10d 0,#0000);display:flex;height:60px;justify-content:center;left:0;position:absolute;right:0;top:-60px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.pull-to-refresh-indicator.pulling,.pull-to-refresh-indicator.refreshing{transform:translateY(60px)}.refresh-icon{color:var(--primary);height:32px;transition:transform .3s ease;width:32px}.pull-to-refresh-indicator.pulling .refresh-icon{animation:rotateRefresh 1s linear infinite}}@media (max-width:768px){@keyframes rotateRefresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-text{color:var(--primary);font-size:.875rem;font-weight:600;margin-left:.5rem}.btn,.clickable,a.btn,button,input[type=button],input[type=submit]{min-height:48px;min-width:48px;padding:.875rem 1.25rem}.icon-btn,.navbar-icon-btn,.quick-action-btn{min-height:48px;min-width:48px;padding:.75rem}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px;transform:scale(1.2)}.form-input,.form-select,.form-textarea{font-size:16px;min-height:48px;padding:.875rem 1rem}*{-webkit-tap-highlight-color:rgba(99,102,241,.15);tap-highlight-color:#6366f126}.btn:active,a:active,button:active{opacity:.9;transform:scale(.97)}.btn,.clickable,a,button{-webkit-user-select:none;user-select:none}.btn+.btn,button+button{margin-left:.75rem}}@media (max-width:640px){.container{padding:0 1rem!important;padding:0 var(--mobile-padding)!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h4{font-size:1.125rem!important}h5{font-size:1rem!important}h6{font-size:.9375rem!important}p{font-size:.9375rem;font-size:var(--mobile-font-base)}.btn{justify-content:center}.btn:not(.btn-icon):not(.carousel-btn):not(.quick-action-btn){width:100%}.danger-actions,.form-actions,.form-actions-header,.hero-actions,.modal-actions{flex-direction:column!important;gap:.75rem!important;width:100%}.danger-actions .btn,.form-actions .btn,.form-actions-header .btn,.hero-actions .btn,.modal-actions .btn{width:100%!important}.btn-sm{font-size:.875rem;padding:.625rem 1rem}.btn-lg{font-size:1rem;padding:1rem 1.5rem}.card{border-radius:var(--radius-lg);padding:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{gap:1rem;grid-template-columns:1fr!important}.flex{flex-wrap:wrap}.gap-4{gap:.75rem}.gap-6{gap:1rem}.gap-8{gap:1.25rem}}@media (max-width:768px){.navbar{padding:.75rem 1rem!important}.navbar-brand{font-size:1.25rem!important}.nav-links{flex-direction:column;gap:.5rem;width:100%}.nav-link{justify-content:flex-start;padding:.75rem 1rem;width:100%}.mobile-menu-toggle{display:block!important}.desktop-nav{display:none!important}}@media (max-width:640px){.events-grid{gap:1.25rem;grid-template-columns:1fr!important}.event-card{margin-bottom:0;touch-action:pan-y}.event-card-image{height:180px!important}.event-card-content{padding:1.25rem!important}.event-card-title{font-size:1.125rem!important}.event-card-description{font-size:.875rem!important}.event-card-meta{flex-direction:column;gap:.5rem}.event-meta-item{font-size:.8125rem}}@media (max-width:768px){.dashboard-header{padding:1.5rem 0!important}.welcome-section{align-items:flex-start;flex-direction:column;gap:1rem}.welcome-content h1{font-size:1.5rem!important}.welcome-content p{font-size:.9375rem!important}.quick-actions-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important;width:100%}.dashboard-stats{gap:1rem;grid-template-columns:1fr!important}.stat-card{padding:1.25rem!important}.stat-icon{height:56px!important;width:56px!important}.stat-icon svg{height:28px!important;width:28px!important}.stat-content h3{font-size:2rem!important}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr!important}.dashboard-section{padding:1.25rem!important}.section-header{flex-direction:row;flex-wrap:wrap}.section-header h2{font-size:1.25rem!important}.charts-grid{grid-template-columns:1fr!important}.carousel-slide{min-width:100%!important}.overflow-auto,.overflow-x-auto,.scrollable,html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width:768px){.overflow-auto::-webkit-scrollbar,.scrollable::-webkit-scrollbar{display:none}.overflow-auto,.scrollable{-ms-overflow-style:none;scrollbar-width:none}.modal-content{border-radius:var(--radius-xl);margin:1rem;max-height:90vh!important;width:95%!important}.modal-header{padding:1.25rem 1.5rem}.modal-header h3{font-size:1.25rem!important}.modal-body{padding:1.25rem!important}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions .btn{width:100%}}@media (max-width:896px) and (orientation:landscape){.hero{padding:1.5rem 0!important}.event-hero{height:250px!important}.modal-content{max-height:85vh!important}.mobile-bottom-nav{height:60px}body{padding-bottom:calc(60px + .5rem)}}@media (max-width:768px){.categories-grid{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.category-card{min-height:auto!important;padding:.875rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:active{transform:scale(.97)}.category-card h3{font-size:.875rem!important}.category-card p{font-size:.75rem!important;line-height:1.3!important}.category-icon{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important;color:#fff!important;display:flex!important;font-size:1.25rem!important;height:44px!important;justify-content:center!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:44px!important}.category-icon:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.category-card:active .category-icon{box-shadow:0 2px 8px #667eea66;transform:scale(.95)}.category-card:active .category-icon:before{left:100%}.category-card:first-child .category-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important}.category-card:nth-child(2) .category-icon{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 4px 12px #f093fb4d,0 2px 4px #0000001a!important}.category-card:nth-child(3) .category-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;box-shadow:0 4px 12px #4facfe4d,0 2px 4px #0000001a!important}.category-card:nth-child(4) .category-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;box-shadow:0 4px 12px #43e97b4d,0 2px 4px #0000001a!important}.category-card:nth-child(5) .category-icon{background:linear-gradient(135deg,#fa709a,#fee140)!important;box-shadow:0 4px 12px #fa709a4d,0 2px 4px #0000001a!important}.category-card:nth-child(6) .category-icon{background:linear-gradient(135deg,#30cfd0,#330867)!important;box-shadow:0 4px 12px #30cfd04d,0 2px 4px #0000001a!important}.category-card:nth-child(7) .category-icon{background:linear-gradient(135deg,#a8edea,#fed6e3)!important;box-shadow:0 4px 12px #a8edea4d,0 2px 4px #0000001a!important}.category-card:nth-child(8) .category-icon{background:linear-gradient(135deg,#ff9a9e,#fecfef)!important;box-shadow:0 4px 12px #ff9a9e4d,0 2px 4px #0000001a!important}.how-it-works .step-card,.step-card,.steps-container .step-card{gap:.75rem!important;padding:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card:active{transform:scale(.98)}.step-card .step-number,.step-number{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:14px!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important;color:#fff!important;display:flex!important;flex-shrink:0;font-size:1.25rem!important;font-weight:700!important;height:48px!important;justify-content:center!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:48px!important}.step-card .step-number:before,.step-number:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.step-card:active .step-number{box-shadow:0 2px 8px #667eea66;transform:scale(.95)}.step-card:active .step-number:before{left:100%}.step-card:first-child .step-number{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important}.step-card:nth-child(2) .step-number{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 4px 12px #f093fb4d,0 2px 4px #0000001a!important}.step-card:nth-child(3) .step-number{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;box-shadow:0 4px 12px #4facfe4d,0 2px 4px #0000001a!important}.step-card:nth-child(4) .step-number{background:linear-gradient(135deg,#43e97b,#38f9d7)!important;box-shadow:0 4px 12px #43e97b4d,0 2px 4px #0000001a!important}.step-card h3,.step-content h3{font-size:1rem!important;margin-bottom:.375rem!important}.step-card p,.step-content p{font-size:.8125rem!important;line-height:1.4!important}.steps-container,.steps-grid{gap:.875rem!important}.quick-action-btn,.quick-action-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.quick-action-btn:active,.quick-action-card:active{transform:scale(.95)}.quick-action-btn .icon,.quick-action-card .icon,.quick-action-icon{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important;color:#fff!important;display:flex!important;font-size:1.25rem!important;height:48px!important;justify-content:center!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:48px!important}.quick-action-btn .icon:before,.quick-action-card .icon:before,.quick-action-icon:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.quick-action-btn:active .icon:before,.quick-action-card:active .icon:before{left:100%}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 12px #667eea4d,0 2px 4px #0000001a!important;overflow:hidden!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.stat-icon:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}}@media (max-width:768px){@keyframes shimmer{0%{left:-50%}50%{left:150%}to{left:150%}}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)!important}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)!important}}@media (max-width:375px){:root{--mobile-padding:0.875rem;--mobile-gap:0.625rem}.container{padding:0 .875rem!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}.btn{font-size:.875rem;padding:.75rem 1rem}.card{padding:1rem}.dashboard-section,.stat-card{padding:1rem!important}.bottom-nav-item{font-size:.5625rem;min-width:50px;padding:.35rem .4rem}.bottom-nav-item svg{height:20px;width:20px}.category-card{padding:.75rem!important}.category-icon{font-size:1.125rem!important;height:36px!important;width:36px!important}.step-card{padding:.875rem!important}.step-number{font-size:1rem!important;height:36px!important;width:36px!important}}@media (max-width:768px){@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.card,.modal-content{border:2px solid}}@media (prefers-color-scheme:dark){.mobile-bottom-nav{background:#1e1e1ef2;border-top-color:#ffffff1a}.bottom-nav-item{color:#ffffffb3}.bottom-nav-item.active{color:#8b5cf6}}}@media print{.btn,.footer,.mobile-bottom-nav,.modal-overlay,.navbar,.pull-to-refresh-indicator,.quick-actions,.sidebar{display:none!important}body{background:#fff!important;padding-bottom:0!important}.container{max-width:100%!important;padding:0!important}}.btn-gradient{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-sm);color:var(--white);overflow:hidden;position:relative;transition:all var(--transition-base)}.btn-gradient:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-gradient:hover:before{left:100%}.btn-gradient:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.btn-glass{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:#fffc;border:1px solid #ffffff80;box-shadow:var(--shadow-sm);color:var(--primary)}.btn-glass:hover{background:#fffffff2;border-color:var(--primary);box-shadow:var(--shadow-primary)}.card-gradient{backdrop-filter:var(--backdrop-blur-lg);-webkit-backdrop-filter:var(--backdrop-blur-lg);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff9;overflow:hidden;position:relative}.card-gradient:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity var(--transition-slow);width:200%}.card-gradient:hover:before{opacity:1}.card-hover-glow{transition:all var(--transition-base)}.card-hover-glow:hover{box-shadow:var(--shadow-xl),0 0 30px #6366f133;transform:translateY(-8px)}.badge-gradient{background:var(--gradient-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--white);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-glass,.badge-gradient{font-size:.75rem;padding:.375rem .875rem}.badge-glass{backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);background:#ffffffe6;border:1px solid #ffffff80;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);font-weight:600}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 0,var(--color-gray-100) 50%,var(--color-gray-200) 100%);border-radius:var(--radius-md)}.pulse-loader{animation:pulse-grow 1.5s ease-in-out infinite;background:var(--primary);border-radius:50%;height:12px;width:12px}@keyframes pulse-grow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.progress-bar{background:var(--color-gray-200);height:8px;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{background:var(--gradient-primary);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tooltip{display:inline-block}.tooltip-text{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:#000000e6;border-radius:var(--radius-md);bottom:125%;box-shadow:var(--shadow-lg);color:var(--white);font-size:.875rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%) translateY(10px);transition:all var(--transition-base);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip-text:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.divider{background:linear-gradient(90deg,#0000 0,var(--color-gray-300) 50%,#0000 100%);height:1px;margin:var(--space-16) 0}.divider-gradient{background:var(--gradient-primary);height:2px;margin:var(--space-16) 0;opacity:.3}.alert{align-items:flex-start;backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);border:1px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:.75rem;padding:1rem 1.25rem}.alert-success{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d;color:var(--color-success)}.alert-warning{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border-color:#f59e0b4d;color:var(--color-warning)}.alert-error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d;color:var(--color-error)}.alert-info{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d;color:var(--color-info)}.fab{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);bottom:2rem;box-shadow:var(--shadow-lg),var(--shadow-primary);color:var(--white);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;transition:all var(--transition-base);width:56px;z-index:var(--z-fixed)}.fab:hover{box-shadow:var(--shadow-xl),var(--shadow-primary-lg);transform:scale(1.1) rotate(90deg)}.fab:active{transform:scale(.95)}.chip{align-items:center;backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);background:#ffffffe6;border:1px solid #ffffff80;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--text-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all var(--transition-base)}.chip:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chip-removable{padding-right:.5rem}.chip-remove{align-items:center;background:var(--color-gray-200);border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.chip-remove:hover{background:var(--color-error);color:var(--white)}.modal-backdrop{animation:fadeIn .2s ease-out;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal-content-enhanced{animation:slideInUp .3s ease-out;backdrop-filter:var(--backdrop-blur-xl);-webkit-backdrop-filter:var(--backdrop-blur-xl);background:#fffffff2;border:1px solid #fff9;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl),0 0 0 1px #ffffff80}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-mesh{background:var(--gradient-mesh-1)}.bg-gradient-light{background:var(--gradient-light)}.hover-rotate,.hover-scale{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.text-shadow{text-shadow:0 2px 4px #0000001a}.text-glow{text-shadow:0 0 20px #6366f180}@media (max-width:768px){.fab{bottom:1rem;height:48px;right:1rem;width:48px}.tooltip-text{font-size:.75rem;padding:.375rem .625rem}}.focus-ring{transition:all var(--transition-fast)}.focus-ring:focus-visible{box-shadow:0 0 0 4px #6366f11a;outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.glass-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border:1px solid #fff9;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #fff6,inset 0 1px 0 #fffc;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#fffffff2;border-color:#6366f14d;box-shadow:0 20px 60px #6366f126,inset 0 0 0 1px #6366f133,inset 0 1px 0 #ffffffe6;transform:translateY(-8px) scale(1.02)}.gradient-overlay{overflow:hidden;position:relative}.gradient-overlay:before{background:linear-gradient(135deg,#6366f11a,#8b5cf61a 50%,#3b82f61a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.gradient-overlay:hover:before{opacity:1}.gradient-border{background:#fff;border-radius:1rem;padding:2px;position:relative}.gradient-border:before{background:linear-gradient(135deg,#6366f1,#8b5cf6,#3b82f6);border-radius:1rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.gradient-border:hover:before{opacity:1}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px #6366f14d,0 0 40px #6366f133,0 0 60px #6366f11a}.btn-premium{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #6366f14d,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-premium:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-premium:hover:before{left:100%}.btn-premium:hover{box-shadow:0 8px 25px #6366f166,inset 0 0 0 1px #fff3;transform:translateY(-2px)}.btn-premium:active{transform:translateY(0)}@keyframes float-smooth{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float-smooth 3s ease-in-out infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);background-size:1000px 100%}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f166}50%{box-shadow:0 0 40px #6366f199}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reveal-up{animation:reveal-up .6s cubic-bezier(.4,0,.2,1) forwards}.reveal-scale{animation:reveal-scale .5s cubic-bezier(.4,0,.2,1) forwards}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.reveal-delay-4{animation-delay:.4s}.premium-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:1.5rem;box-shadow:0 10px 40px #00000014,inset 0 0 0 1px #ffffff80;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#3b82f6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.premium-card:hover{border-color:#6366f14d;box-shadow:0 25px 60px #6366f133,inset 0 0 0 1px #6366f11a;transform:translateY(-12px)}.premium-card:hover:before{opacity:1}.gradient-text-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:800}.icon-container{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:1rem;color:#6366f1;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:64px}.icon-container:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.icon-container:hover{box-shadow:0 10px 30px #6366f14d;transform:scale(1.1) rotate(-5deg)}.icon-container:hover:before{opacity:.15}.icon-container svg{position:relative;z-index:1}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f166,#8b5cf666);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f199,#8b5cf699)}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.5rem}.badge-premium{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:2rem;color:#6366f1;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.badge-premium:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f14d;box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.tooltip{position:relative}.tooltip:before{background:#000000e6;border-radius:.5rem;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .3s ease;white-space:nowrap}.tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-4px)}:focus-visible{border-radius:.5rem;outline:2px solid #6366f1;outline-offset:2px}.page-fade-enter{opacity:0}.page-fade-enter-active{opacity:1;transition:opacity .3s ease-in}.page-fade-exit{opacity:1}.page-fade-exit-active{opacity:0;transition:opacity .2s ease-out}@media (max-width:768px){.premium-card{padding:1.5rem}.icon-container{height:56px;width:56px}}.gpu-accelerated{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;will-change:transform}.gpu-accelerated,.optimized-animation{transform:translateZ(0);-webkit-transform:translateZ(0)}.optimized-animation{will-change:transform,opacity}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;transform:translateZ(0);-webkit-transform:translateZ(0)}.lazy-image{transition:opacity .3s ease-in-out,filter .3s ease-in-out;will-change:opacity,filter}.lazy-image.loading{filter:blur(10px);opacity:.5}.lazy-image.loaded{filter:none;opacity:1}.virtual-list{contain:layout style paint;will-change:scroll-position}.virtual-list-item{contain:layout style paint;will-change:transform}.debounced-input{will-change:contents}.dashboard-section,.event-card,.stat-card{contain:layout style paint;will-change:transform}.event-card:hover,.stat-card:hover{transform:translateZ(0) translateY(-8px);-webkit-transform:translateZ(0) translateY(-8px)}.modal-overlay{will-change:opacity}.modal-content,.modal-overlay{transform:translateZ(0);-webkit-transform:translateZ(0)}.modal-content{will-change:transform,opacity}.mobile-bottom-nav,.navbar{contain:layout style}.carousel-track,.mobile-bottom-nav,.navbar{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.availability-fill,.progress-fill,.strength-fill{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:width}.count-up{contain:layout style;will-change:contents}.notification-item,.timeline-item{contain:layout style paint;will-change:transform,opacity}.scroll-container{-webkit-overflow-scrolling:touch;contain:layout style paint;overflow:auto}.chart-wrapper{will-change:transform,opacity}.chart-wrapper,.skeleton{contain:layout style paint}.skeleton{will-change:transform}.notifications-dropdown,.user-menu{contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}.form-input:focus,.form-select:focus,.form-textarea:focus{will-change:border-color,box-shadow}.btn{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,box-shadow}.btn:hover{transform:translateZ(0) translateY(-2px);-webkit-transform:translateZ(0) translateY(-2px)}.badge-new,.icon-error,.icon-success{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}.pull-to-refresh-indicator,.swipeable-card{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.off-screen{contain-intrinsic-size:0 500px;content-visibility:auto}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body{text-rendering:optimizeSpeed}.mobile-bottom-nav,.modal-overlay,.navbar,.notifications-dropdown,.user-menu{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;will-change:auto!important}}@media (max-width:768px) and (-webkit-max-device-pixel-ratio:1),(max-width:768px) and (max-resolution:1dppx){.mobile-bottom-nav,.modal-overlay,.navbar,.notifications-dropdown,.user-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffffa}.dashboard-section,.event-card,.stat-card{box-shadow:0 2px 8px #0000001a}.lazy-image.loading{filter:none}}@media print{*{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important}}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.optimized-animation{animation-timing-function:cubic-bezier(.4,0,.2,1)}}.layout-stable{contain:layout}.paint-stable{contain:paint}.size-stable{contain:size}.strict-stable{contain:strict}@font-face{font-display:swap}.bg-image{background-position:50%;background-size:cover;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.gradient-bg{will-change:background-position}.filtered{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:filter}.admin-panel,.analytics-page,.auth-page,.dashboard-page,.event-detail-page,.events-page,.my-events-page,.notifications-page,.profile-page,.qr-scanner-page{background:#0000!important}.page-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3!important}.analytics-card,.card,.dashboard-card,.event-card,.notification-card,.profile-card,.stat-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;background:#ffffffd9!important;border:1px solid #fffc!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 0 0 1px #ffffff80!important;transition:all .3s ease!important}.analytics-card:hover,.card:hover,.dashboard-card:hover,.event-card:hover,.notification-card:hover,.profile-card:hover,.stat-card:hover{background:#fffffff2!important;box-shadow:0 10px 15px -3px #6366f11a,0 4px 6px -2px #6366f10d,inset 0 0 0 1px #6366f11a!important;transform:translateY(-2px)!important}.main-footer,.metrics{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9!important}.section{position:relative}.section:before{background:linear-gradient(90deg,#0000,#6366f133 50%,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}a.btn,button.btn{box-shadow:0 2px 4px #0000000d!important;transition:all .3s ease!important}a.btn:hover,button.btn:hover{box-shadow:0 4px 12px #6366f126!important;transform:translateY(-1px)!important}input.form-input,select.form-select,textarea.form-input{background:#ffffffe6!important;border:1px solid #e2e8f0cc!important;transition:all .3s ease!important}input.form-input:focus,select.form-select:focus,textarea.form-input:focus{background:#fff!important;border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f11a!important}.section-wave-top{padding-top:80px;position:relative}.section-wave-top:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 0 0 321.39 29.09Z' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E") no-repeat;background-size:cover;content:"";height:60px;left:0;position:absolute;top:0;width:100%;z-index:1}.section-wave-bottom{padding-bottom:80px;position:relative}.section-wave-bottom:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 0 0 321.39 29.09Z' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E") no-repeat;background-size:cover;bottom:0;content:"";height:60px;left:0;position:absolute;transform:rotate(180deg);width:100%;z-index:1}.gradient-divider{margin:4rem 0;position:relative}.gradient-divider:before{background:linear-gradient(90deg,#0000,#6366f14d 20%,#8b5cf680 50%,#6366f14d 80%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.gradient-divider:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #6366f14d;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.gradient-border-top{padding-top:2rem;position:relative}.gradient-border-top:before{background:linear-gradient(90deg,#0000,#6366f1 25%,#8b5cf6 50%,#3b82f6 75%,#0000);border-radius:2px;content:"";height:3px;left:5%;opacity:.7;position:absolute;right:5%;top:0}.section-curve{padding-top:60px;position:relative}.section-curve:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' fill='%23fff' fill-opacity='.7'/%3E%3C/svg%3E") no-repeat;background-size:cover;content:"";height:60px;left:0;position:absolute;top:0;width:100%;z-index:1}.dots-separator{margin:3rem 0;position:relative;text-align:center}.dots-separator:before{animation:pulse 2s ease-in-out infinite;color:#6366f166;content:"• • •";display:inline-block;font-size:1.5rem;letter-spacing:1rem}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.zigzag-separator{padding-top:40px;position:relative}.zigzag-separator:before{background:linear-gradient(135deg,#ffffffb3 25%,#0000 0),linear-gradient(225deg,#ffffffb3 25%,#0000 0);background-position:0 0,20px 0;background-size:40px 40px;content:"";height:20px;left:0;position:absolute;top:0;width:100%}.glow-separator{height:2px;margin:4rem 0;position:relative}.glow-separator:before{animation:glow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f1,#8b5cf6,#6366f1,#0000);box-shadow:0 0 10px #6366f180,0 0 20px #8b5cf64d;content:"";height:2px;left:10%;position:absolute;right:10%;top:0}@keyframes glow{0%,to{box-shadow:0 0 10px #6366f180,0 0 20px #8b5cf64d;opacity:.6}50%{box-shadow:0 0 20px #6366f1cc,0 0 40px #8b5cf680;opacity:1}}.diamond-separator{height:30px;margin:3rem 0;position:relative;text-align:center}.diamond-separator:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:20px}.diamond-separator:after{background:linear-gradient(90deg,#0000,#6366f133 45%,#0000 50%,#6366f133 55%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}@media (max-width:768px){.section-wave-bottom,.section-wave-top{padding-bottom:50px;padding-top:50px}.section-curve:before,.section-wave-bottom:after,.section-wave-top:before{height:40px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px}body{background:linear-gradient(180deg,#f8fafc 0,#f1f5f9);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh}code{background:var(--color-gray-100);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#00000005;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-full);-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f180,#8b5cf680);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#6366f1b3,#8b5cf6b3);background-clip:padding-box}::selection{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:var(--text-primary)}::-moz-selection{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:var(--text-primary)}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:2px solid var(--color-primary-500);outline-offset:var(--focus-ring-offset);transition:all var(--transition-fast)}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #6366f11a;outline:2px solid var(--color-primary-500);outline-offset:2px}a{color:var(--interactive-primary);position:relative;transition:all var(--transition-base)}a:hover{color:var(--interactive-primary-hover)}a.link-underline{position:relative}a.link-underline:after{background:var(--gradient-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}a.link-underline:hover:after{width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}ol,ul{list-style:none;margin:0;padding:0}.container{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:var(--space-16);padding-right:var(--space-16)}@media (max-width:768px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .2s ease-in}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.glass{backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);background:#fffc;border:1px solid #ffffff80;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff4d}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .6s ease-out}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.filter-btn:hover:not(.active){background:var(--white)!important;border-color:var(--gray-200)!important;color:var(--gray-700)!important}.filter-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--white)!important}.filter-btn:active:not(.active){transform:scale(.95);transition:transform .1s ease}.clear-filters-btn:hover{background:var(--white)!important;color:var(--error)!important}.clear-filters-btn:active{transform:scale(.95);transition:transform .1s ease}.clear-search:hover{color:var(--gray-400)!important}.notification-item:hover{background:#0000!important;box-shadow:none!important;transform:none!important}.notification-item:active{transform:scale(.98);transition:transform .1s ease}.action-btn:hover{background:#0000!important;color:inherit!important;transform:none!important}.action-btn:active{transform:scale(.9);transition:transform .1s ease}.filter-tab:hover{background:#0000!important;color:inherit!important}.filter-tab:active{transform:scale(.98);transition:transform .1s ease}.profile-header:hover,.profile-stats:hover{border-color:#ffffff80!important}.house-badge:hover,.profile-header:hover,.profile-stats:hover{box-shadow:var(--shadow-sm)!important;transform:none!important}.badge-card:hover{border-color:var(--gray-200)!important;box-shadow:none!important;transform:none!important}.preference-item:hover{background:var(--gray-50)!important;border-color:var(--gray-200)!important}.sidebar-card:hover{border-color:var(--gray-300)!important;box-shadow:var(--shadow-xs)!important}.gallery-item:hover,.gallery-item:hover img,.sidebar-card:hover{transform:none!important}.highlight-item:hover,.live-update-item:hover{background:#0000!important;transform:none!important}.event-item:hover{border-color:var(--gray-200)!important;box-shadow:none!important;transform:none!important}.event-item:active{transform:scale(.98);transition:transform .1s ease}.tab:hover{background:#0000!important;color:inherit!important}.tab:active{transform:scale(.98);transition:transform .1s ease}.password-toggle:hover{background:#0000!important;color:inherit!important}.password-toggle:active{transform:scale(.9);transition:transform .1s ease}.auth-link:hover{color:var(--primary)!important}.card:hover{border-color:var(--gray-300)!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.card:active{transform:scale(.98);transition:transform .1s ease}.btn:hover{transform:none!important}.btn:active{transform:scale(.95);transition:transform .1s ease}.btn-ghost:hover{background:#0000!important;color:var(--gray-600)!important}.btn-outline:hover{background:var(--white)!important;border-color:var(--primary)!important;box-shadow:none!important;color:var(--primary)!important}.btn-outline:hover,a:hover{transform:none!important}.dashboard-section:hover{box-shadow:0 4px 15px #0000000d!important}.carousel-btn:hover,.dashboard-section:hover{border-color:#ffffff80!important;transform:none!important}.carousel-btn:hover{background:#ffffffe6!important;box-shadow:0 2px 8px #0000000d!important;color:var(--gray-700)!important}.carousel-btn:active{transform:scale(.95);transition:transform .1s ease}.category-card:hover{background:#ffffffe6!important;border-color:#ffffff80!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.category-card:hover:before{opacity:0!important}.category-card:hover .category-icon{box-shadow:var(--shadow-sm)!important;transform:none!important}.category-card:active{transform:scale(.98);transition:transform .1s ease}.step-card:hover{background:#ffffffe6!important;border-color:#ffffff80!important}.metric:hover,.step-card:hover,.step-card:hover .step-icon{box-shadow:var(--shadow-sm)!important;transform:none!important}.metric:hover{background:#ffffffe6!important;border-color:#ffffff80!important}.metric:hover .metric-icon{transform:none!important}.action-btn,.navbar-icon-btn,.password-toggle,.quick-action-btn,.user-avatar{min-height:44px;min-width:44px}*{transition-duration:.2s!important}[class*=animate],[class*=transition]{animation-duration:.2s!important}}@media (max-width:768px){a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-page:#fafafa;--bg-surface:#fff;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition:all 0.2s ease;--transition-fast:all 0.15s ease;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"Fira Code","Courier New",monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#eef2ff,#f5f3ff 33%,#eff6ff 66%,#eef2ff);background-attachment:fixed;color:#171717;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);height:100%;line-height:1.6;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 30%,#6366f11f 0,#0000 40%),radial-gradient(circle at 80% 20%,#8b5cf61c 0,#0000 40%),radial-gradient(circle at 40% 70%,#3b82f60f 0,#0000 40%),radial-gradient(circle at 90% 80%,#10b98112 0,#0000 40%),radial-gradient(circle at 10% 90%,#8b5cf614 0,#0000 40%);bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.App{background:#0000;display:flex;flex-direction:column}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-in}h1,h2,h3,h4,h5,h6{color:#171717;color:var(--gray-900);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#525252;color:var(--gray-600);margin-bottom:1rem;margin-bottom:var(--spacing)}a{color:#6366f1;color:var(--primary);text-decoration:none;transition:all .15s ease;transition:var(--transition-fast)}a:hover{color:#4f46e5;color:var(--primary-dark)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:active:after{height:300px;transition:width 0s,height 0s;width:300px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--gradient-primary);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);overflow:hidden;position:relative;z-index:1}.btn-primary>*{position:relative;z-index:2}.btn-primary:before{background:var(--gradient-primary-hover);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);color:#fff;color:var(--white);transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary span,.btn-primary svg{position:relative;z-index:1}.btn-secondary{background:#fff;background:var(--white);border:2px solid #6366f1;border:2px solid var(--primary);color:#6366f1;color:var(--primary)}.btn-secondary:hover:not(:disabled){background:#6366f1;background:var(--primary);color:#fff;color:var(--white)}.btn-outline{background:#fff;background:var(--white);border:2px solid #6366f1;border:2px solid var(--primary);color:#6366f1;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#6366f10d;border-color:#4f46e5;border-color:var(--primary-dark);box-shadow:0 4px 12px #6366f126;color:#4f46e5;color:var(--primary-dark);transform:translateY(-2px)}.btn-ghost{background:#fff;background:var(--white);border:1px solid #e5e5e5;border:1px solid var(--gray-200);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#404040;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:#f5f5f5;background:var(--gray-100);color:#171717;color:var(--gray-900);transform:translateY(-1px)}@media (min-width:769px){.btn-ghost{margin-left:auto;max-width:120px;padding:.75rem .625rem;width:auto}}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.btn-icon{border-radius:9999px;border-radius:var(--radius-full);padding:.75rem}.card{backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);background:#fffc;border:1px solid #ffffff80;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f,0 0 0 1px #ffffff4d;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff4d;overflow:hidden;padding:2rem;padding:var(--spacing-lg);position:relative;transition:all var(--transition-base)}.card:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.card:hover{border-color:#6366f133;box-shadow:var(--shadow-xl),0 0 0 1px #fff6;transform:translateY(-8px)}.card:hover:before{opacity:1}.card-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing)}.card-title{color:#171717;color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0}.card-body{margin-bottom:1rem;margin-bottom:var(--spacing)}.card-footer{align-items:center;border-top:1px solid #e5e5e5;border-top:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--spacing);margin-top:1.5rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.form-label{color:#171717;color:var(--gray-900);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:2px solid #e5e5e5;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-md);color:#171717;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;padding:.75rem 1rem;transition:all .15s ease;transition:var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#ef4444;color:var(--error)}.form-error,.form-help{font-size:.875rem;margin-top:.5rem;margin-top:var(--spacing-sm)}.form-help{color:#737373;color:var(--gray-500)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-primary{background:#6366f11a;color:#6366f1;color:var(--primary)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.badge-error{background:#ef44441a;color:#ef4444;color:var(--error)}.badge-info{background:#3b82f61a;color:#3b82f6;color:var(--info)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-lg);width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.rounded{border-radius:.5rem;border-radius:var(--radius)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideInUp .4s ease-out}.animate-slide-right{animation:slideInRight .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-top-color:#6366f1;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 1rem;padding:0 var(--spacing)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.Toastify__toast-container{z-index:99999!important}.Toastify__toast{align-items:center!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid #0000000f!important;border-radius:1rem!important;box-shadow:0 10px 40px #0000001f,inset 0 0 0 1px #ffffff80!important;display:flex!important;font-family:var(--font-sans)!important;font-weight:600!important;min-height:70px!important;padding:1.25rem 1.5rem!important}.Toastify__toast,.Toastify__toast--success{background:#fffffffa!important;color:var(--gray-900)!important}.Toastify__toast--success{border-left:4px solid var(--success)!important}.Toastify__toast--success:before{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;content:"✓";display:inline-flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:32px;justify-content:center;margin-right:1rem;width:32px}.Toastify__toast--error{background:#fffffffa!important;border-left:4px solid var(--error)!important;color:var(--gray-900)!important}.Toastify__toast--error:before{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;content:"✕";display:inline-flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:32px;justify-content:center;margin-right:1rem;width:32px}.Toastify__toast--warning{background:#fffffffa!important;border-left:4px solid var(--warning)!important;color:var(--gray-900)!important}.Toastify__toast--warning:before{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 12px #f59e0b4d;color:#fff;content:"⚠";display:inline-flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:32px;justify-content:center;margin-right:1rem;width:32px}.Toastify__toast--info{background:#fffffffa!important;border-left:4px solid var(--info)!important;color:var(--gray-900)!important}.Toastify__toast--info:before{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;content:"ℹ";display:inline-flex;flex-shrink:0;font-size:1.125rem;font-weight:800;height:32px;justify-content:center;margin-right:1rem;width:32px}.Toastify__progress-bar{border-radius:0 0 1rem 1rem!important;height:4px!important}.Toastify__progress-bar--success{background:linear-gradient(90deg,#10b981,#059669)!important}.Toastify__progress-bar--error{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.Toastify__progress-bar--warning{background:linear-gradient(90deg,#f59e0b,#d97706)!important}.Toastify__progress-bar--info{background:linear-gradient(90deg,#3b82f6,#2563eb)!important}.Toastify__close-button{color:var(--gray-600)!important;opacity:.6!important;transition:all .2s ease!important}.Toastify__close-button:hover{opacity:1!important;transform:scale(1.1)}@keyframes toastSlideInRight{0%{opacity:0;transform:translate3d(110%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes toastSlideOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(110%,0,0)}}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate3d(-110%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes toastSlideOutLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-110%,0,0)}}@keyframes toastBounceIn{0%{opacity:0;transform:scale(.3) translate3d(110%,0,0)}50%{transform:scale(1.05) translateZ(0)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes toastBounceOut{0%{opacity:1;transform:scale(1)}25%{transform:scale(.95)}to{opacity:0;transform:scale(.3) translate3d(110%,0,0)}}.Toastify__toast--bottom-right,.Toastify__toast--top-right{animation:toastBounceIn .5s cubic-bezier(.68,-.55,.265,1.55)!important}.Toastify__toast--bottom-left,.Toastify__toast--top-left{animation:toastSlideInLeft .4s cubic-bezier(.4,0,.2,1)!important}.Toastify__toast--bottom-right.Toastify__toast--closing,.Toastify__toast--top-right.Toastify__toast--closing{animation:toastBounceOut .4s cubic-bezier(.4,0,.2,1)!important}.Toastify__toast--bottom-left.Toastify__toast--closing,.Toastify__toast--top-left.Toastify__toast--closing{animation:toastSlideOutLeft .4s cubic-bezier(.4,0,.2,1)!important}.Toastify__toast:hover{box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #fff9!important;transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.Toastify__toast-container{left:.5rem!important;padding:0!important;right:.5rem!important;top:70px!important;width:calc(100% - 1rem)!important}.Toastify__toast{border-radius:.875rem!important;margin-bottom:.75rem!important;min-height:60px!important;padding:1rem 1.25rem!important;width:100%!important}.Toastify__toast:before{font-size:1rem;height:28px;margin-right:.875rem;width:28px}.Toastify__toast-body{font-size:.9375rem!important;padding:0!important}}@media (max-width:375px){.Toastify__toast{min-height:56px!important;padding:.875rem 1rem!important}.Toastify__toast:before{font-size:.875rem;height:24px;margin-right:.75rem;width:24px}.Toastify__toast-body{font-size:.875rem!important}}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;border-bottom:1px solid #ffffff4d;box-shadow:0 4px 30px #0000000d,0 0 0 1px #fff3,inset 0 1px 0 #ffffff80;height:70px;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.scroll-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);bottom:0;box-shadow:0 0 10px #6366f180;height:3px;left:0;position:absolute;transition:width .1s ease-out;z-index:1}.navbar-container{gap:1rem;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-left{align-items:center;display:flex}.navbar-left{gap:1.5rem}.navbar-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;min-height:44px;min-width:44px;padding:.5rem}.navbar-toggle span{background:var(--gray-700);border-radius:2px;height:2px;transition:all .3s ease;width:24px}.navbar-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-brand{align-items:center;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:800;gap:.75rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand:hover .brand-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.navbar-brand:hover .brand-icon{animation:float 1s ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brand-icon{font-size:1.75rem}.navbar-right{gap:.75rem}.navbar-icon-btn,.navbar-right{align-items:center;display:flex}.navbar-icon-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000000d;color:var(--gray-700);cursor:pointer;height:42px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.navbar-icon-btn:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 5px 20px #6366f166;color:var(--white);transform:scale(1.1) rotate(5deg)}.navbar-icon-btn svg{height:20px;width:20px}.notification-badge{align-items:center;background:var(--error);border:2px solid var(--white);border-radius:var(--radius-full);color:var(--white);display:flex;font-size:.625rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notification-badge.pulse{animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #ef444400;transform:scale(1.1)}}.navbar-notifications{position:relative}.notifications-dropdown{animation:slideDownFade .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff4d,inset 0 1px 0 #ffffff80;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);width:380px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notifications-header h3{color:var(--gray-900);font-size:1rem;font-weight:700;margin:0}.unread-count{background:#6366f11a;border-radius:var(--radius-full);color:var(--primary);font-size:.75rem;font-weight:700;padding:.25rem .625rem}.notifications-list{max-height:360px;overflow-y:auto;padding:.5rem}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#6366f180}.notification-item{animation:slideInNotif .3s ease backwards;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;padding:.875rem;position:relative;transition:all .3s ease}@keyframes slideInNotif{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.notification-item:hover{background:#6366f10d;transform:translateX(5px)}.notification-item.unread{background:linear-gradient(90deg,#6366f114,#0000)}.notification-icon{align-items:center;background:#6366f11a;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{-webkit-line-clamp:1;color:var(--gray-900);font-size:.875rem;font-weight:700;margin:0 0 .25rem}.notification-message,.notification-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-message{-webkit-line-clamp:2;color:var(--gray-600);font-size:.8125rem;line-height:1.4;margin:0 0 .375rem}.notification-time{color:var(--gray-500);font-size:.75rem;font-weight:500}.unread-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--primary);border-radius:var(--radius-full);height:8px;position:absolute;right:.875rem;top:50%;transform:translateY(-50%);width:8px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #6366f1b3;opacity:1}50%{box-shadow:0 0 0 4px #6366f100;opacity:.8}}.no-notifications{align-items:center;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.no-notifications svg{margin-bottom:1rem;opacity:.5}.no-notifications p{font-size:.875rem;font-weight:600;margin:0}.view-all-link{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-top:1px solid #ffffff4d;color:var(--primary);display:block;font-size:.875rem;font-weight:700;padding:.875rem;text-align:center;text-decoration:none;transition:all .3s ease}.view-all-link:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.navbar-user{position:relative}.user-avatar{align-items:center;background:var(--gradient-primary);border:2px solid #ffffff4d;border-radius:var(--radius-full);box-shadow:0 2px 8px #6366f133;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:42px;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.user-avatar:hover{border-color:#6366f180;box-shadow:0 5px 20px #6366f166;transform:scale(1.1) rotate(-5deg)}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-menu{animation:slideDownSmooth .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff4d,inset 0 1px 0 #ffffff80;min-width:280px;padding:.5rem;position:absolute;right:0;top:calc(100% + .75rem);transform-origin:top right}@keyframes slideDownSmooth{0%{opacity:0;transform:translateY(-20px) scale(.9)}60%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f11a;border-radius:var(--radius-lg);margin-bottom:.5rem;padding:1rem}.user-name{color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 .25rem}.user-email{color:var(--gray-600);font-size:.8125rem;margin:0 0 .5rem}.user-role{background:#6366f11a;border-radius:var(--radius-full);color:var(--primary);display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .625rem;text-transform:capitalize}.user-menu-divider{background:linear-gradient(90deg,#0000,#0000001a 50%,#0000);height:1px;margin:.5rem 0}.user-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.user-menu-item:before{background:var(--gradient-primary);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.user-menu-item:hover{background:linear-gradient(90deg,#6366f11a,#0000);color:var(--primary);transform:translateX(5px)}.user-menu-item:hover:before{opacity:1}.user-menu-item.admin-item{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f133;box-shadow:0 2px 8px #6366f11a;color:var(--primary);margin-bottom:.5rem}.user-menu-item.admin-item:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633);box-shadow:0 4px 12px #6366f133}.user-menu-item.logout-item:hover{background:linear-gradient(90deg,#ef44441a,#0000);color:var(--error)}.user-menu-item svg{height:18px;width:18px}.navbar-auth{display:flex;gap:.75rem}.navbar-auth .btn{font-size:.875rem;padding:.625rem 1.25rem}@media (max-width:768px){.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb3;height:60px}.navbar-toggle{display:flex}.navbar-container{gap:.5rem;padding:0 .75rem}.navbar-left{gap:.5rem}.brand-text{font-size:1.125rem}.navbar-icon-btn{height:40px;width:40px}.navbar-icon-btn:hover{background:#fffc;border-color:#ffffff4d;color:var(--gray-700);transform:none}.navbar-icon-btn:active{background:#fffc;color:var(--gray-700);transform:scale(1.05);transition:all .1s ease}.user-avatar{font-size:.875rem;height:36px;width:36px}.user-avatar:hover{transform:none}.user-avatar:active{transform:scale(1.05);transition:transform .1s ease}.notifications-dropdown{border-radius:var(--radius-lg);left:.5rem;max-width:none;position:fixed;right:.5rem;top:60px;width:auto}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu{min-width:240px;right:0}.user-menu-item.desktop-only,.user-menu-item[href="/dashboard"],.user-menu-item[href="/my-events"],.user-menu-item[href="/profile"]{display:none}}@media (max-width:480px){.brand-text{font-size:1rem}.brand-icon{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.navbar,.navbar-icon-btn,.notification-badge,.notification-item,.notifications-dropdown,.unread-dot,.user-avatar,.user-menu{animation:none!important;transition:none!important}}.main-layout{background:#0000;display:flex;flex-direction:column;position:relative}.main-content{animation:fadeIn .4s ease-out;flex:1 0 auto;padding-bottom:4rem;padding-top:70px}.main-footer{backdrop-filter:var(--backdrop-blur-md);-webkit-backdrop-filter:var(--backdrop-blur-md);background:#ffffffe6;border-top:1px solid #ffffff80;box-shadow:0 -4px 12px #0000000d;color:var(--gray-900);flex-shrink:0;margin-top:auto;padding:2.5rem 0;position:relative}.main-footer:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-content p{color:var(--gray-600);font-size:.875rem;font-weight:500;margin:0}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--gray-600);font-size:.875rem;font-weight:600;padding-bottom:2px;position:relative;transition:all var(--transition-base)}.footer-links a:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.footer-links a:hover{color:var(--primary)}.footer-links a:hover:after{width:100%}@media (max-width:768px){.main-content{padding-bottom:calc(var(--bottom-nav-height) + 3rem);padding-top:60px}.footer-content{flex-direction:column;gap:.75rem;text-align:center}.footer-links{flex-wrap:wrap;gap:1rem;justify-content:center}.main-footer{margin-bottom:var(--bottom-nav-height);padding:1.5rem 0}}.auth-layout{align-items:center;background:linear-gradient(to bottom right,#fafafa,#fff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{z-index:0}.auth-background,.auth-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.auth-gradient{background:radial-gradient(circle at 10% 20%,#6366f108 0,#0000 50%),radial-gradient(circle at 90% 80%,#8b5cf608 0,#0000 50%),radial-gradient(circle at 50% 50%,#3b82f605 0,#0000 50%);opacity:1}.auth-pattern{background-image:radial-gradient(circle,#6366f10d 1px,#0000 0);background-size:40px 40px;bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.auth-content{animation:fadeIn .6s ease-out;max-width:480px;padding:2rem;position:relative;width:100%;z-index:1}.auth-brand{margin-bottom:3rem;text-align:center}.auth-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.auth-tagline{color:var(--gray-600);font-size:1rem;font-weight:500;margin:0}.auth-container{animation:slideInUp .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #0000000f;border-radius:1.5rem;box-shadow:0 20px 60px #00000014,inset 0 0 0 1px #ffffff80,inset 0 1px 0 #ffffffe6;padding:3rem;position:relative}.auth-container:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#3b82f6);border-radius:1.5rem 1.5rem 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-content{max-width:100%;padding:1rem}.auth-logo{font-size:2rem}.auth-tagline{font-size:.875rem}.auth-container{border-radius:1.25rem;padding:2rem 1.5rem}.auth-brand{margin-bottom:2rem}}@media (max-width:480px){.auth-container{padding:1.5rem 1.25rem}}
/*# sourceMappingURL=main.8448a374.css.map*/