@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Comfortaa:wght@300..700&family=Lexend:wght@100..900&display=swap";
:root,html[data-theme=light]{--font-cursive:"Caveat","Dancing Script",cursive;--font-sans:"Lexend",-apple-system,BlinkMacSystemFont,sans-serif;--font-comfortaa:"Comfortaa",cursive,sans-serif;--primary:#2563eb;--primary-50:#f0f6ff;--primary-100:#e0ecff;--primary-200:#bad6ff;--primary-300:#7cb0ff;--primary-400:#4b8eff;--primary-500:#3365b0;--primary-600:#2d5aa1;--primary-700:#244a87;--primary-800:#1d3c6b;--primary-900:#152a4a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--dark:#0f172a;--gray:#64748b;--light:#f8fafc;--border:#e2e8f0;--neutral-white:#fafafc;--neutral-black:#000;--neutral-transparent:transparent;--card-transparent:#e8e8e890;--bg-page:#f5f5f5;--bg-surface:#fafafc;--bg-surface-hover:#f1f5f9;--bg-sidebar:#fafafc;--bg-navbar:#fafafc;--bg-modal:#fafafc;--bg-input:#fafafc;--text-primary:#101010;--text-secondary:#2b2b2b;--text-tertiary:#393a3c;--text-on-primary:#000;--border-color:#adadad;--border-color-hover:#cbd5e1;--border-color-focus:var(--primary-500);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-premium:0 0 0 1px #00000008,0 8px 24px #0000000a;--gradient-btn:linear-gradient(180deg,var(--primary-400)0%,var(--primary-500)100%);--gradient-card:linear-gradient(180deg,#ededed 0%,#fafafc 100%);--gradient-bg:radial-gradient(circle at 50% 0%,#2563eb08,transparent 70%);--radius-xs:8px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--border-radius-none:0px;--border-radius-sm:var(--radius-sm);--border-radius-base:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-xl:var(--radius-xl);--border-radius-2xl:var(--radius-xl);--border-radius-3xl:24px;--border-radius-full:9999px;--scrollbar-track:#f1f5f9;--scrollbar-thumb:var(--primary-400);--scrollbar-thumb-hover:var(--primary-600);--navbar-padding-x:var(--spacing-6);--navbar-padding-y:var(--spacing-4);--navbar-gap:var(--spacing-3);--location-modal-padding:var(--spacing-8);--location-modal-radius:20px}html[data-theme=dark]{--primary:#2563eb;--primary-50:#f0f6ff;--primary-100:#e0ecff;--primary-200:#bad6ff;--primary-300:#7cb0ff;--primary-400:#4b8eff;--primary-500:#3365b0;--primary-600:#2d5aa1;--primary-700:#244a87;--primary-800:#1d3c6b;--primary-900:#152a4a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--secondary-50:#0b0f19;--secondary-100:#161f30;--secondary-200:#243049;--secondary-300:#3b4c6e;--secondary-400:#64748b;--secondary-500:#94a3b8;--secondary-600:#cbd5e1;--secondary-700:#e2e8f0;--secondary-800:#f1f5f9;--secondary-900:#f8fafc;--dark:#f8fafc;--gray:#94a3b8;--light:#0b0f19;--border:#1e293b;--neutral-white:#0b0f19;--neutral-black:#fff;--card-transparent:#0b0f19b3;--bg-page:#0a0d14;--bg-surface:#10141f;--bg-surface-hover:#171d2b;--bg-sidebar:#0a0d14;--bg-navbar:#0a0d14;--bg-modal:#10141f;--bg-input:#0e111a;--text-primary:#f8fafc;--text-secondary:#d7d7d7;--text-tertiary:#64748b;--text-on-primary:#fff;--border-color:#a7a7a7;--border-color-hover:#334155;--border-color-focus:var(--primary-500);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-premium:0 0 0 1px #ffffff0d,0 8px 24px #0006;--gradient-btn:linear-gradient(180deg,var(--primary-400)0%,var(--primary-500)100%);--gradient-card:linear-gradient(180deg,#10141f 0%,#04080f 100%);--gradient-bg:radial-gradient(circle at 50% 0%,#3b82f60a,transparent 70%);--scrollbar-track:#0a0d14;--scrollbar-thumb:var(--primary-600);--scrollbar-thumb-hover:var(--primary-500)}:root{--spacing-px:1px;--spacing-0:0px;--spacing-0_5:2px;--spacing-1:4px;--spacing-1_5:6px;--spacing-2:8px;--spacing-2_5:10px;--spacing-3:12px;--spacing-3_5:14px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-28:112px;--spacing-32:128px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:42px;--font-size-6xl:48px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75}*{box-sizing:border-box;margin:0;padding:0;font-family:Lexend,Segoe UI,sans-serif;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}html{scroll-behavior:smooth;-ms-overflow-style:none}body{background-color:var(--bg-page);min-height:100vh;color:var(--text-primary);background-attachment:fixed;margin:0;position:relative;overflow-x:hidden}@keyframes brandCardEntrance{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}body:before{content:"";background-image:linear-gradient(to right,var(--neutral-black)1px,transparent 1px),linear-gradient(to bottom,var(--neutral-black)1px,transparent 1px);opacity:.06;pointer-events:none;z-index:-5;background-size:38px 38px;position:fixed;inset:0}.scroll-container{-webkit-overflow-scrolling:touch;height:100vh;overflow:hidden auto}.scroll-y{overflow:hidden auto}.scroll-x{overflow:auto hidden}.no-scroll{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{color:inherit;background:#2563eb26}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}p{color:var(--text-secondary);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.muted-text{color:var(--text-tertiary)!important}.floating-button{bottom:var(--spacing-4);right:var(--spacing-4);z-index:10;position:fixed}.form-actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}.main-content-shell{justify-content:center;align-items:flex-start;display:flex}.header{background-color:var(--bg-surface);border:1px solid var(--border-color);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=date],select,textarea{box-shadow:var(--shadow-xs);padding:8px 12px;background-color:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-md)!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}input:hover,select:hover,textarea:hover{border-color:var(--border-color-hover)!important}input:focus,select:focus,textarea:focus{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px #2563eb1f!important}.modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#00000080!important}.modal-content{background:var(--bg-modal)!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius-xl)!important;box-shadow:var(--shadow-xl)!important}.tab-btn{color:var(--text-secondary);border-radius:var(--border-radius-sm);padding:6px 12px;transition:all .15s}.tab-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary-50);color:var(--primary-700)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.animate-slide-in-up{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInUp}.animate-scale-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-fade-in-up{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-400{animation-delay:.4s!important}.spinner{border:4px solid var(--neutral-black);border-top-color:var(--primary-400);border-radius:50%;width:56px;height:56px;margin:0 auto 12px;animation:1s linear infinite spin}.empty-state-card{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8)var(--spacing-4);text-align:center;margin:var(--spacing-2)0;flex-direction:column;display:flex}.empty-state-icon{margin-bottom:var(--spacing-2);color:var(--primary-600);width:48px;height:48px}.empty-state-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--spacing-1);color:var(--secondary-700)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--secondary-500);max-width:250px;margin-bottom:var(--spacing-4)}.empty-state{text-align:center;padding:var(--spacing-12)var(--spacing-6);color:var(--secondary-500)}.empty-icon{margin-bottom:var(--spacing-4);opacity:.5;font-size:48px}.empty-state h3{font-size:var(--font-size-xl);color:var(--secondary-700);margin:0 0 var(--spacing-2)0}.empty-state p{font-size:var(--font-size-base);margin:0}.empty-state{text-align:center;color:var(--text-secondary);padding:var(--spacing-12)0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);grid-column:1/-1}.empty-state-large{padding:var(--spacing-12);color:var(--secondary-500);justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--neutral-white);border-radius:var(--border-radius-lg);border:1px solid var(--secondary-200);flex-direction:column;flex:1;display:flex}.empty-state-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--primary-900)}.empty-state-desc{font-size:var(--font-size-sm);color:var(--secondary-500)}.auth-floating-icons{pointer-events:none;z-index:-1;animation:.9s cubic-bezier(.16,1,.3,1) forwards brandCardEntrance;position:fixed;inset:0;overflow:hidden}.auth-floating-icon{color:var(--primary-500);opacity:.6;filter:drop-shadow(0 4px 12px #2563eb1a);transition:transform .3s,opacity .3s,font-size .3s;position:absolute}.auth-floating-icon.icon-1{font-size:clamp(1.8rem,3.2vw,3rem);animation:8s ease-in-out infinite alternate floatSlow;top:18%;left:6%}.auth-floating-icon.icon-2{font-size:clamp(2rem,3.5vw,3.2rem);animation:9.5s ease-in-out 1s infinite alternate floatMedium;top:15%;right:5%}.auth-floating-icon.icon-3{font-size:clamp(1.6rem,2.8vw,2.6rem);animation:7.5s ease-in-out .5s infinite alternate floatFast;bottom:12%;left:6%}.auth-floating-icon.icon-4{font-size:clamp(1.8rem,3vw,2.8rem);animation:10s ease-in-out 1.5s infinite alternate floatSlow;bottom:20%;right:6%}.auth-floating-icon.icon-5{font-size:clamp(1.4rem,2.4vw,2.2rem);animation:8.5s ease-in-out 2s infinite alternate floatMedium;top:45%;left:2%}.auth-floating-icon.icon-6{font-size:clamp(1.5rem,2.6vw,2.4rem);animation:9s ease-in-out .8s infinite alternate floatFast;top:50%;right:3%}.auth-floating-icon.icon-7{font-size:clamp(1.6rem,2.8vw,2.5rem);animation:11s ease-in-out 2.5s infinite alternate floatSlow;top:5%;left:48%}.auth-floating-icon.icon-8{font-size:clamp(1.5rem,2.6vw,2.4rem);animation:8.2s ease-in-out 1.2s infinite alternate floatMedium;bottom:8%;left:45%}.auth-floating-icon.icon-9{font-size:clamp(1.3rem,2.2vw,2rem);animation:9.8s ease-in-out 1.8s infinite alternate floatFast;top:30%;left:40%}.auth-floating-icon.icon-10{font-size:clamp(1.4rem,2.4vw,2.2rem);animation:7.8s ease-in-out .3s infinite alternate floatSlow;bottom:35%;right:42%}@media (max-width:1024px){.auth-floating-icon{opacity:.45}}@media (max-width:768px){.auth-floating-icon{opacity:.35}}@media (max-width:480px){.auth-floating-icon{opacity:.25}}@keyframes floatSlow{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-20px)rotate(8deg)scale(1.06)}to{transform:translateY(12px)rotate(-6deg)scale(.96)}}@keyframes floatMedium{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-24px)rotate(-10deg)scale(1.08)}to{transform:translateY(10px)rotate(6deg)scale(.94)}}@keyframes floatFast{0%{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-18px)rotate(12deg)scale(1.05)}to{transform:translateY(14px)rotate(-12deg)scale(.96)}}