@import "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";
:root,html[data-theme=light]{--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:#fafafcb3;--bg-page:#f5f5f5;--bg-surface:#fafafc;--bg-surface-hover:#f1f5f9;--bg-sidebar:#fafafc;--bg-navbar:#fafafc;--bg-modal:#fafafc;--bg-input:#fafafc;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#393a3c;--text-on-primary:#000;--border-color:#e2e8f0;--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:20px;--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:#052e16;--success-100:#14532d;--success-200:#166534;--success-300:#15803d;--success-400:#16a34a;--success-500:#22c55e;--success-600:#4ade80;--success-700:#86efac;--error-50:#450a0a;--error-100:#7f1d1d;--error-200:#991b1b;--error-300:#b91c1c;--error-400:#dc2626;--error-500:#ef4444;--error-600:#f87171;--error-700:#fca5a5;--warning-50:#451a03;--warning-100:#78350f;--warning-200:#92400e;--warning-300:#b45309;--warning-400:#d97706;--warning-500:#f59e0b;--warning-600:#fbbf24;--warning-700:#fcd34d;--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:#94a3b8;--text-tertiary:#64748b;--text-on-primary:#fff;--border-color:#1e293b;--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}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:0;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{z-index:10;position:fixed;bottom:30px;right:30px}.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}.card{background:var(--gradient-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)!important;box-shadow:var(--shadow-premium)!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s!important}.card-elevated{box-shadow:var(--shadow-lg)!important}.card-hoverable:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color-hover)!important;transform:translateY(-2px)!important}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],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}
