@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=JetBrains+Mono:wght@100..800&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");:root{--neural-950:#0a0a0b;--neural-900:#1a1a1d;--neural-800:#2d2d32;--neural-700:#404048;--neural-600:#54545f;--neural-500:#686876;--neural-400:#9090a0;--neural-300:#b8b8c8;--neural-200:#e0e0f0;--neural-100:#f0f0f8;--neural-50:#fafafc;--primary-950:#0f1419;--primary-900:#1e293d;--primary-800:#2d3e5c;--primary-700:#3c537b;--primary-600:#4b689a;--primary-500:#5a7db9;--primary-400:#7093c7;--primary-300:#86a9d5;--primary-200:#9cbfe3;--primary-100:#b2d5f1;--primary-50:#e6f3ff;--secondary-950:#0d1412;--secondary-900:#1a2824;--secondary-800:#273c36;--secondary-700:#345048;--secondary-600:#41645a;--secondary-500:#4e786c;--secondary-400:#6b8c7e;--secondary-300:#88a090;--secondary-200:#a5b4a2;--secondary-100:#c2c8b4;--secondary-50:#f0f4f0;--accent-950:#1a0d1f;--accent-900:#341a3e;--accent-800:#4e275d;--accent-700:#68347c;--accent-600:#82419b;--accent-500:#9c4eba;--accent-400:#b06cc8;--accent-300:#c48ad6;--accent-200:#d8a8e4;--accent-100:#ecc6f2;--accent-50:#faf0ff;--success-950:#0a1f0a;--success-900:#143e14;--success-800:#1e5d1e;--success-700:#287c28;--success-600:#329b32;--success-500:#3cba3c;--success-400:#5cc85c;--success-300:#7cd67c;--success-200:#9ce49c;--success-100:#bcf2bc;--success-50:#f0fff0;--warning-950:#1f1500;--warning-900:#3e2a00;--warning-800:#5d3f00;--warning-700:#7c5400;--warning-600:#9b6900;--warning-500:#ba7e00;--warning-400:#d49500;--warning-300:#e8ac26;--warning-200:#f2c34c;--warning-100:#fcda72;--warning-50:#fffaf0;--error-950:#1f0a0a;--error-900:#3e1414;--error-800:#5d1e1e;--error-700:#7c2828;--error-600:#9b3232;--error-500:#ba3c3c;--error-400:#d45c5c;--error-300:#e87c7c;--error-200:#f29c9c;--error-100:#fcbcbc;--error-50:#fff0f0;--glass-white:rgba(255,255,255,0.1);--glass-white-strong:rgba(255,255,255,0.2);--glass-dark:rgba(0,0,0,0.1);--glass-dark-strong:rgba(0,0,0,0.2);--glass-border:rgba(255,255,255,0.2);--glass-shadow:rgba(0,0,0,0.1);--bg-gradient-1:linear-gradient(135deg,var(--neural-50) 0%,var(--primary-50) 50%,var(--secondary-50) 100%);--bg-gradient-2:linear-gradient(225deg,var(--primary-100) 0%,var(--accent-100) 100%);--bg-gradient-dark:linear-gradient(135deg,var(--neural-950) 0%,var(--primary-950) 50%,var(--secondary-950) 100%)}@media (prefers-color-scheme:dark){:root{--bg-gradient-1:var(--bg-gradient-dark);--glass-white:rgba(255,255,255,0.05);--glass-white-strong:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.1)}}[data-theme=dark]{--bg-gradient-1:var(--bg-gradient-dark);--glass-white:rgba(255,255,255,0.05);--glass-white-strong:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.1)}:root{--font-display:"Inter",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-korean:"Noto Sans KR","Inter",system-ui,sans-serif;--font-japanese:"Noto Sans JP","Inter",system-ui,sans-serif;--text-micro:clamp(0.625rem,0.5vw + 0.5rem,0.75rem);--text-xs:clamp(0.75rem,0.5vw + 0.625rem,0.875rem);--text-sm:clamp(0.875rem,0.5vw + 0.75rem,1rem);--text-base:clamp(1rem,0.5vw + 0.875rem,1.125rem);--text-lg:clamp(1.125rem,1vw + 0.875rem,1.25rem);--text-xl:clamp(1.25rem,1vw + 1rem,1.5rem);--text-2xl:clamp(1.5rem,2vw + 1rem,1.875rem);--text-3xl:clamp(1.875rem,3vw + 1rem,2.25rem);--text-4xl:clamp(2.25rem,4vw + 1rem,3rem);--text-5xl:clamp(3rem,5vw + 1rem,4rem);--text-6xl:clamp(4rem,6vw + 1rem,5rem);--leading-micro:1.2;--weight-thin:100;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--tracking-normal:0}.glass,.glass-morphism{background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1)}.glass-strong{background:var(--glass-white-strong);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.2)}.glass-card{border-radius:1rem;padding:1.5rem;background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.bento-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(200px,auto)}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(12,1fr);gap:2rem}}.bento-item{border-radius:1rem;padding:1.5rem;background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.bento-item{position:relative;overflow:hidden}.bento-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .3s ease}.bento-item:hover:before{opacity:1}.bento-sm{grid-column:span 3;grid-row:span 1}.bento-md{grid-column:span 4;grid-row:span 2}.bento-lg{grid-column:span 6;grid-row:span 3}.bento-xl{grid-column:span 8;grid-row:span 4}.bento-wide{grid-column:span 12;grid-row:span 2}.bento-tall{grid-column:span 4;grid-row:span 6}@media (max-width:767px){.bento-lg,.bento-md,.bento-sm,.bento-tall,.bento-wide,.bento-xl{grid-column:1/-1;grid-row:auto}}.interactive-hover{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.interactive-hover:hover{transform:translateY(-4px) scale(1.02)}.magnetic-hover{transition:transform .3s cubic-bezier(.23,1,.32,1)}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;inset:-1px;padding:1px;background:linear-gradient(45deg,var(--primary-400),var(--accent-400),var(--secondary-400));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;opacity:0;transition:opacity .3s ease}.glow-effect:hover:after{opacity:1}.btn-primary{background:var(--glass-white-strong);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 12px 48px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.2);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:white;padding:.75rem 2rem;border-radius:1rem;font-weight:600;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-400),var(--primary-500));opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(90,125,185,.4)}.btn-glass{background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);padding:.75rem 2rem;border-radius:1rem;font-weight:500;font-size:var(--text-sm);color:var(--neural-700);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border);cursor:pointer;background:none}.btn-glass:hover{background:var(--glass-white-strong);transform:translateY(-1px)}.input-modern{background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:1rem;border:1px solid var(--glass-border);font-size:var(--text-base);color:var(--neural-800);transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.05)}.input-modern:focus{outline:none;border-color:var(--primary-400);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(90,125,185,.1),0 8px 32px rgba(0,0,0,.1)}.input-modern::-moz-placeholder{color:var(--neural-400)}.input-modern::placeholder{color:var(--neural-400)}@media (prefers-contrast:high){:root{--primary-500:#004085;--secondary-500:#005a4e;--accent-500:#7b2d8e;--glass-border:rgba(0,0,0,0.3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-ring{transition:box-shadow .2s ease}.focus-ring:focus-visible{box-shadow:0 0 0 3px rgba(90,125,185,.4);outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.optimized-paint{contain:paint}.container-fluid{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media (min-width:640px){.container-fluid{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-fluid{padding-left:2rem;padding-right:2rem;max-width:1200px}}@media (min-width:1280px){.container-fluid{max-width:1400px}}.text-gradient{background:linear-gradient(135deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border:2px solid transparent;background:linear-gradient(135deg,var(--primary-400),var(--accent-400)) border-box;-webkit-mask-composite:destination-out;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(90,125,185,.3)}50%{box-shadow:0 0 40px rgba(90,125,185,.6)}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0369a1;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-primary-950:#082f49;--color-secondary-50:#f0fdfa;--color-secondary-100:#ccfbf1;--color-secondary-200:#99f6e4;--color-secondary-300:#5eead4;--color-secondary-400:#2dd4bf;--color-secondary-500:#0f766e;--color-secondary-600:#0d9488;--color-secondary-700:#0f766e;--color-secondary-800:#115e59;--color-secondary-900:#134e4a;--color-secondary-950:#042f2e;--color-accent-50:#fff7ed;--color-accent-100:#ffedd5;--color-accent-200:#fed7aa;--color-accent-300:#fdba74;--color-accent-400:#fb923c;--color-accent-500:#f97316;--color-accent-600:#ea580c;--color-accent-700:#c2410c;--color-accent-800:#9a3412;--color-accent-900:#7c2d12;--color-accent-950:#431407;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#15803d;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#b45309;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fda4af;--color-error-400:#f87171;--color-error-500:#dc2626;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-error-950:#450a0a;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-background:#ffffff;--color-background-secondary:#fafafa;--color-background-tertiary:#f5f5f5;--color-background-muted:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#ffffff;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-border-focus:var(--color-primary-500);--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25)}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-background-muted:#0f172a;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-border-primary:#334155;--color-border-secondary:#475569}}[data-theme=dark]{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-background-muted:#0f172a;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-border-primary:#334155;--color-border-secondary:#475569}:root{--font-primary:"Inter","Noto Sans KR","Noto Sans JP",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,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;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}@media (min-width:768px){:root{--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--text-6xl:5rem}}.text-display-large{font-size:var(--text-6xl);line-height:var(--leading-none);font-weight:var(--font-black);letter-spacing:var(--tracking-tight)}.text-display-medium{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight)}.text-display-medium,.text-display-small{line-height:var(--leading-tight);font-weight:var(--font-bold)}.text-display-small{font-size:var(--text-4xl);letter-spacing:var(--tracking-normal)}.text-headline-large{font-size:var(--text-3xl);line-height:var(--leading-tight)}.text-headline-large,.text-headline-medium{font-weight:var(--font-semibold);letter-spacing:var(--tracking-normal)}.text-headline-medium{font-size:var(--text-2xl);line-height:var(--leading-snug)}.text-headline-small{font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:var(--font-semibold);letter-spacing:var(--tracking-normal)}.text-title-large{font-size:var(--text-lg)}.text-title-large,.text-title-medium{line-height:var(--leading-normal);font-weight:var(--font-medium);letter-spacing:var(--tracking-normal)}.text-title-medium{font-size:var(--text-base)}.text-title-small{font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide)}.text-body-large{font-size:var(--text-base)}.text-body-large,.text-body-medium{line-height:var(--leading-relaxed);font-weight:var(--font-normal);letter-spacing:var(--tracking-normal)}.text-body-medium{font-size:var(--text-sm)}.text-body-small{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:var(--font-normal);letter-spacing:var(--tracking-normal)}.text-caption{font-size:var(--text-xs);line-height:var(--leading-tight);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-section:var(--space-16);--space-component:var(--space-8);--space-element:var(--space-4);--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-below:-1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-max:2147483647;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box}html{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal)}:lang(ko){font-family:Noto Sans KR,Inter,system-ui,sans-serif}:lang(ja){font-family:Noto Sans JP,Inter,system-ui,sans-serif}:lang(en){font-family:Inter,system-ui,sans-serif}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::-moz-selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.btn-primary{background-color:var(--color-primary-500);color:var(--color-text-inverse);border-color:var(--color-primary-500);box-shadow:var(--shadow-sm);min-height:44px;min-width:44px}.btn-primary:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-neutral-50);border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{background-color:var(--color-neutral-100);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--color-success-500);color:var(--color-text-inverse);border-color:var(--color-success-500);box-shadow:var(--shadow-sm)}.btn-success:hover{background-color:var(--color-success-600);border-color:var(--color-success-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:active{background-color:var(--color-success-700);border-color:var(--color-success-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-warning{background-color:var(--color-warning-500);color:var(--color-text-inverse);border-color:var(--color-warning-500);box-shadow:var(--shadow-sm)}.btn-warning:hover{background-color:var(--color-warning-600);border-color:var(--color-warning-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning:active{background-color:var(--color-warning-700);border-color:var(--color-warning-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-error{background-color:var(--color-error-500);color:var(--color-text-inverse);border-color:var(--color-error-500);box-shadow:var(--shadow-sm)}.btn-error:hover{background-color:var(--color-error-600);border-color:var(--color-error-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-error:active{background-color:var(--color-error-700);border-color:var(--color-error-700);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background-color:transparent;border-width:1px}.btn-outline.btn-primary{color:var(--color-primary-600);border-color:var(--color-primary-500)}.btn-outline.btn-primary:hover{background-color:var(--color-primary-50);color:var(--color-primary-700)}.btn-outline.btn-secondary{color:var(--color-neutral-600);border-color:var(--color-neutral-300)}.btn-outline.btn-secondary:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-700)}.btn-ghost{background-color:transparent;border-color:transparent;box-shadow:none}.btn-ghost.btn-primary{color:var(--color-primary-600)}.btn-ghost.btn-primary:hover{background-color:var(--color-primary-50);color:var(--color-primary-700)}.btn-link{background-color:transparent;border-color:transparent;color:var(--color-primary-600);text-decoration:underline;box-shadow:none;padding:var(--space-1) var(--space-2)}.btn-link:hover{color:var(--color-primary-700);text-decoration:none}.btn-full{width:100%}.btn-group{display:inline-flex;align-items:center}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:1px}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.card{background-color:var(--color-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-border-primary)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{border-top:1px solid var(--color-border-primary);background-color:var(--color-background-secondary)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-bordered{border-width:2px}.card-compact .card-body,.card-compact .card-footer,.card-compact .card-header{padding:var(--space-4)}.card-spacious .card-body,.card-spacious .card-footer,.card-spacious .card-header{padding:var(--space-8)}.card-feature{border:2px solid var(--color-primary-200);background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-background) 100%)}.card-feature:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg)}.card-stats{text-align:center;padding:var(--space-8)}.card-stats .stats-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.card-stats .stats-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-2)}.card-ranking{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.card-ranking .rank-number{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary-500);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg)}.card-ranking .rank-content{flex:1}.card-ranking .rank-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.card-ranking .rank-subtitle{color:var(--color-text-tertiary);font-size:var(--text-sm)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-label.required:after{content:" *";color:var(--color-error-500)}.form-input{display:block;width:100%;padding:var(--space-3);font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:disabled{background-color:var(--color-neutral-50);color:var(--color-text-muted);cursor:not-allowed}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input-sm{padding:var(--space-2);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4);font-size:var(--text-lg)}.form-input.is-valid{border-color:var(--color-success-500)}.form-input.is-valid:focus{box-shadow:0 0 0 3px var(--color-success-100)}.form-input.is-invalid{border-color:var(--color-error-500)}.form-input.is-invalid:focus{box-shadow:0 0 0 3px var(--color-error-100)}.form-textarea{resize:vertical;min-height:120px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-10);cursor:pointer}.form-checkbox{width:16px;height:16px;color:var(--color-primary-600);border:1px solid var(--color-border-secondary);border-radius:var(--radius-base);cursor:pointer}.form-checkbox:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.form-checkbox:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.form-radio{width:16px;height:16px;color:var(--color-primary-600);border:1px solid var(--color-border-secondary);cursor:pointer}.form-radio:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.form-radio:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.form-help{color:var(--color-text-tertiary)}.form-error,.form-help{font-size:var(--text-sm);margin-top:var(--space-1)}.form-error{color:var(--color-error-600)}.form-success{font-size:var(--text-sm);color:var(--color-success-600);margin-top:var(--space-1)}.input-group{display:flex;align-items:stretch}.input-group .form-input{border-radius:0;border-right-width:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:1px}.input-group-addon{display:flex;align-items:center;padding:var(--space-3);background-color:var(--color-background-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap}.input-group-addon:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);border-right-width:0}.input-group-addon:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-left-width:0}.navbar{justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-background);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);text-decoration:none}.navbar-nav{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.navbar-item{margin:0}.navbar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.navbar-link:hover{color:var(--color-text-primary);background-color:var(--color-neutral-50)}.navbar-link.active{color:var(--color-primary-600);background-color:var(--color-primary-50)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-background);border-top:1px solid var(--color-border-primary);box-shadow:0 -4px 6px -1px rgb(0 0 0/.1);z-index:var(--z-fixed)}.mobile-nav-list{display:flex;justify-content:space-around;align-items:center;padding:var(--space-2) 0;margin:0;list-style:none}.mobile-nav-item{flex:1;text-align:center}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.mobile-nav-link:hover{color:var(--color-text-secondary)}.mobile-nav-link.active{color:var(--color-primary-600)}.mobile-nav-icon{width:24px;height:24px}.mobile-nav-text{font-size:var(--text-xs);font-weight:var(--font-medium)}.breadcrumb{padding:var(--space-4) 0;font-size:var(--text-sm)}.breadcrumb,.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.breadcrumb-link:hover{color:var(--color-primary-600)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-medium)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background-color:var(--color-background);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalEnter var(--duration-normal) var(--ease-out)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-primary)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{color:var(--color-text-primary);background-color:var(--color-neutral-50)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border-primary);background-color:var(--color-background-secondary)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-background);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:300px;pointer-events:auto;animation:toastEnter var(--duration-normal) var(--ease-out)}@keyframes toastEnter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1}.toast-title{font-weight:var(--font-medium);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--color-text-secondary)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-base)}.toast-close:hover{color:var(--color-text-primary);background-color:var(--color-neutral-50)}.toast-success{border-color:var(--color-success-200);background-color:var(--color-success-50)}.toast-success .toast-icon{color:var(--color-success-600)}.toast-warning{border-color:var(--color-warning-200);background-color:var(--color-warning-50)}.toast-warning .toast-icon{color:var(--color-warning-600)}.toast-error{border-color:var(--color-error-200);background-color:var(--color-error-50)}.toast-error .toast-icon{color:var(--color-error-600)}.toast-info{border-color:var(--color-primary-200);background-color:var(--color-primary-50)}.toast-info .toast-icon{color:var(--color-primary-600)}.spinner{width:20px;height:20px;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner-sm{width:16px;height:16px;border-width:1.5px}.spinner-lg{width:32px;height:32px;border-width:3px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-800)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-800)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-800)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-neutral-200);color:var(--color-neutral-600);font-weight:var(--font-medium);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.divider{height:1px;margin:var(--space-4) 0}.divider,.divider-vertical{background-color:var(--color-border-primary)}.divider-vertical{width:1px;height:auto;margin:0 var(--space-4)}.progress{width:100%;height:8px;background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--color-primary-500);transition:width var(--duration-normal) var(--ease-out)}.progress-success .progress-bar{background-color:var(--color-success-500)}.progress-warning .progress-bar{background-color:var(--color-warning-500)}.progress-error .progress-bar{background-color:var(--color-error-500)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-base)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin:.5em 0}.skeleton-title{height:1.5em;margin:.5em 0}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-button{height:40px;width:120px;border-radius:var(--radius-lg)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container-fluid{width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:576px}.container-md,.container-sm{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-lg,.container-xl{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-xl{max-width:1280px}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1)}.col{flex:1 0 0%;padding-left:var(--space-3);padding-right:var(--space-3)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{padding-left:var(--space-3);padding-right:var(--space-3)}@media (min-width:640px){.col-sm{flex:1 0 0%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:1024px){.col-lg{flex:1 0 0%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1280px){.col-xl{flex:1 0 0%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.row.no-gutters{margin-left:0;margin-right:0}.row.no-gutters>.col,.row.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.align-content-stretch{align-content:stretch}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.flex-fill{flex:1 1 auto}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.row-gap-0{row-gap:0}.row-gap-1{row-gap:var(--space-1)}.row-gap-2{row-gap:var(--space-2)}.row-gap-3{row-gap:var(--space-3)}.row-gap-4{row-gap:var(--space-4)}.row-gap-5{row-gap:var(--space-5)}.row-gap-6{row-gap:var(--space-6)}.row-gap-8{row-gap:var(--space-8)}.col-gap-0{-moz-column-gap:0;column-gap:0}.col-gap-1{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.col-gap-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.col-gap-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}.col-gap-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}.col-gap-5{-moz-column-gap:var(--space-5);column-gap:var(--space-5)}.col-gap-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.col-gap-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.m-32{margin:var(--space-32)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-20{margin-top:var(--space-20)}.mt-24{margin-top:var(--space-24)}.mt-32{margin-top:var(--space-32)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.mb-24{margin-bottom:var(--space-24)}.mb-32{margin-bottom:var(--space-32)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.ml-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.p-32{padding:var(--space-32)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}@media (max-width:639px){.d-sm-none{display:none}}@media (min-width:640px){.d-sm-block{display:block}.d-sm-inline{display:inline}.d-sm-inline-block{display:inline-block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}}@media (max-width:767px){.d-md-none{display:none}}@media (min-width:768px){.d-md-block{display:block}.d-md-inline{display:inline}.d-md-inline-block{display:inline-block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}}@media (max-width:1023px){.d-lg-none{display:none}}@media (min-width:1024px){.d-lg-block{display:block}.d-lg-inline{display:inline}.d-lg-inline-block{display:inline-block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.h-auto{height:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.visible{visibility:visible}.invisible{visibility:hidden}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.icon{display:inline-block;width:1em;height:1em;stroke-width:2;stroke:currentColor;fill:none;flex-shrink:0}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-base{width:20px;height:20px}.icon-md{width:24px;height:24px}.icon-lg{width:32px;height:32px}.icon-xl{width:48px;height:48px}.icon-primary{color:var(--color-primary-600)}.icon-secondary{color:var(--color-secondary-600)}.icon-accent{color:var(--color-accent-600)}.icon-success{color:var(--color-success-600)}.icon-warning{color:var(--color-warning-600)}.icon-error{color:var(--color-error-600)}.icon-muted{color:var(--color-text-muted)}.icon-inverse{color:var(--color-text-inverse)}.icon-hover:hover{opacity:.8;transform:scale(1.05);transition:all var(--duration-fast) var(--ease-out)}.icon-active{color:var(--color-primary-600);opacity:1}.icon-disabled{opacity:.5;cursor:not-allowed}.icon-calculator:before{content:"calculator"}.icon-dollar-sign:before{content:"dollar-sign"}.icon-credit-card:before{content:"credit-card"}.icon-wallet:before{content:"wallet"}.icon-piggy-bank:before{content:"piggy-bank"}.icon-banknote:before{content:"banknote"}.icon-receipt:before{content:"receipt"}.icon-trending-up:before{content:"trending-up"}.icon-trending-down:before{content:"trending-down"}.icon-bar-chart:before{content:"bar-chart"}.icon-pie-chart:before{content:"pie-chart"}.icon-passport:before{content:"book-open"}.icon-id-card:before{content:"id-card"}.icon-document:before{content:"file-text"}.icon-calendar:before{content:"calendar"}.icon-clock:before{content:"clock"}.icon-timer:before{content:"timer"}.icon-deadline:before{content:"alarm-clock"}.icon-stamp:before{content:"stamp"}.icon-verified:before{content:"shield-check"}.icon-briefcase:before{content:"briefcase"}.icon-hard-hat:before{content:"hard-hat"}.icon-user-tie:before{content:"user-tie"}.icon-building:before{content:"building"}.icon-factory:before{content:"factory"}.icon-truck:before{content:"truck"}.icon-shovel:before{content:"shovel"}.icon-wrench:before{content:"wrench"}.icon-coffee:before{content:"coffee"}.icon-map:before{content:"map"}.icon-map-pin:before{content:"map-pin"}.icon-globe:before{content:"globe"}.icon-plane:before{content:"plane"}.icon-car:before{content:"car"}.icon-train:before{content:"train"}.icon-home:before{content:"home"}.icon-building-2:before{content:"building-2"}.icon-tent:before{content:"tent"}.icon-menu:before{content:"menu"}.icon-x:before{content:"x"}.icon-plus:before{content:"plus"}.icon-minus:before{content:"minus"}.icon-chevron-down:before{content:"chevron-down"}.icon-chevron-up:before{content:"chevron-up"}.icon-chevron-left:before{content:"chevron-left"}.icon-chevron-right:before{content:"chevron-right"}.icon-arrow-left:before{content:"arrow-left"}.icon-arrow-right:before{content:"arrow-right"}.icon-external-link:before{content:"external-link"}.icon-user:before{content:"user"}.icon-users:before{content:"users"}.icon-user-plus:before{content:"user-plus"}.icon-user-check:before{content:"user-check"}.icon-user-x:before{content:"user-x"}.icon-avatar:before{content:"user-circle"}.icon-profile:before{content:"settings"}.icon-mail:before{content:"mail"}.icon-phone:before{content:"phone"}.icon-message-circle:before{content:"message-circle"}.icon-message-square:before{content:"message-square"}.icon-bell:before{content:"bell"}.icon-bell-off:before{content:"bell-off"}.icon-edit:before{content:"edit"}.icon-trash:before{content:"trash-2"}.icon-copy:before{content:"copy"}.icon-share:before{content:"share"}.icon-download:before{content:"download"}.icon-upload:before{content:"upload"}.icon-save:before{content:"save"}.icon-print:before{content:"printer"}.icon-refresh:before{content:"refresh-cw"}.icon-check:before{content:"check"}.icon-check-circle:before{content:"check-circle"}.icon-x-circle:before{content:"x-circle"}.icon-alert-circle:before{content:"alert-circle"}.icon-alert-triangle:before{content:"alert-triangle"}.icon-info:before{content:"info"}.icon-help-circle:before{content:"help-circle"}.icon-loading:before{content:"loader"}.icon-settings:before{content:"settings"}.icon-cog:before{content:"cog"}.icon-tool:before{content:"tool"}.icon-key:before{content:"key"}.icon-lock:before{content:"lock"}.icon-unlock:before{content:"unlock"}.icon-eye:before{content:"eye"}.icon-eye-off:before{content:"eye-off"}.icon-search:before{content:"search"}.icon-filter:before{content:"filter"}.icon-sort:before{content:"sort"}.icon-image:before{content:"image"}.icon-file:before{content:"file"}.icon-folder:before{content:"folder"}.icon-folder-open:before{content:"folder-open"}.icon-link:before{content:"link"}.icon-paperclip:before{content:"paperclip"}.icon-text{display:inline-flex;align-items:center;gap:var(--space-2)}.icon-text .icon{flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.icon-button:hover{background-color:var(--color-neutral-100)}.icon-button:active{background-color:var(--color-neutral-200);transform:scale(.95)}.icon-button.primary{color:var(--color-primary-600)}.icon-button.primary:hover{background-color:var(--color-primary-50);color:var(--color-primary-700)}.icon-badge{position:relative}.icon-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--color-error-500);border-radius:var(--radius-full);border:2px solid var(--color-background)}.icon-badge.success:after{background-color:var(--color-success-500)}.icon-badge.warning:after{background-color:var(--color-warning-500)}@keyframes iconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.icon-spin{animation:iconSpin 1s linear infinite}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}.icon-bounce{animation:iconBounce 1s ease-in-out infinite}@media (max-width:640px){.icon-sm-xs{width:12px;height:12px}.icon-sm-sm{width:16px;height:16px}}@media (min-width:768px){.icon-md-base{width:20px;height:20px}.icon-md-md{width:24px;height:24px}}@media (min-width:1024px){.icon-lg-md{width:24px;height:24px}.icon-lg-lg{width:32px;height:32px}}.icon[aria-hidden=true]{pointer-events:none}.icon-button[aria-pressed=true]{background-color:var(--color-primary-100);color:var(--color-primary-700)}.icon-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-contrast:high){.icon{stroke-width:2.5}.icon-button:hover{background-color:var(--color-neutral-200);border:1px solid var(--color-neutral-400)}}@media (prefers-reduced-motion:reduce){.icon-bounce,.icon-pulse,.icon-spin{animation:none}.icon-hover:hover{transform:none}}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.glass-morphism-enhanced{background:rgba(255,255,255,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37),inset 0 1px 0 0 rgba(255,255,255,.3)}.stat-card-gradient-1{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card-gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card-gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card-gradient-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.dashboard-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden}.dashboard-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.1)}.quick-action-card{position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.quick-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.quick-action-card:hover:before{left:100%}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.progress-bar{position:relative;overflow:hidden;border-radius:9999px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6)}.progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.3),rgba(255,255,255,.1));animation:shimmer 2s infinite}.notification-slide-in{animation:slideInRight .3s ease-out}.notification-slide-out{animation:slideOutRight .3s ease-in}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.floating-orb{animation:float 6s ease-in-out infinite}.floating-orb:nth-child(2){animation-delay:-2s}.floating-orb:nth-child(3){animation-delay:-4s}.modern-btn-enhanced{position:relative;overflow:hidden;background:linear-gradient(45deg,#667eea,#764ba2);border:none;color:white;font-weight:600;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modern-btn-enhanced:hover:before{left:100%}.modern-btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.modern-btn-enhanced:active{transform:translateY(0)}@media (min-width:768px){.dashboard-grid{gap:2rem}}@media (min-width:1024px){.dashboard-grid{gap:2.5rem}}.enhanced-glass-card{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 1px 0 0 rgba(255,255,255,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-glass-card:hover{background:rgba(255,255,255,.9);box-shadow:0 12px 40px 0 rgba(31,38,135,.25),inset 0 1px 0 0 rgba(255,255,255,.5);transform:translateY(-2px)}.monthly-earnings-container{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.95));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25)}.earnings-metric-card{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(248,250,252,.9));border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.earnings-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.chart-container{backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.chart-container:hover{background:rgba(255,255,255,.95);box-shadow:0 12px 35px rgba(0,0,0,.08)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.dashboard-card{border:2px solid}.glass-morphism-enhanced{background:rgba(255,255,255,.9);border:2px solid #000}}@media (prefers-reduced-motion:reduce){.dashboard-card,.floating-orb,.modern-btn-enhanced,.quick-action-card{animation:none;transition:none}.progress-bar:after{animation:none}}@media (prefers-color-scheme:dark){.glass-morphism-enhanced{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 rgba(255,255,255,.1)}}.gpu-accelerated{backface-visibility:hidden;perspective:1000px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a67d8,#6b46c1)}.fluid-text-4xl{font-size:clamp(2rem,4vw,2.5rem);line-height:1.2}.fluid-text-lg{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6}@container (min-width: 400px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 800px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media print{.dashboard-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ccc}.floating-orb,.modern-btn-enhanced:before,.quick-action-card:before{display:none}}.dashboard-glass{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}.progress-bar-animated{position:relative;overflow:hidden}.progress-bar-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.dashboard-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.quick-action-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.quick-action-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.1)}.quick-action-card:active{transform:translateY(-2px) scale(1.01)}.activity-item{transition:all .2s ease}.activity-item:hover{transform:translateX(4px);background-color:rgba(59,130,246,.05)}.leaderboard-item{transition:all .3s ease;border-left:3px solid transparent}.leaderboard-item:hover{border-left-color:var(--primary-400);background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.leaderboard-rank{min-width:2rem;text-align:center;font-weight:700}.leaderboard-rank-1{background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-rank-2{background:linear-gradient(135deg,#C0C0C0,#A8A8A8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-rank-3{background:linear-gradient(135deg,#CD7F32,#B87333);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{position:relative;padding:1rem;background:rgba(255,255,255,.9);border-radius:1rem;border:1px solid rgba(255,255,255,.3)}.milestone{position:relative;padding-left:3rem}.milestone:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-200),transparent)}.milestone:last-child:before{display:none}.milestone-completed{color:var(--success-600)}.milestone-completed .milestone-icon{background:linear-gradient(135deg,var(--success-400),var(--success-600));color:white;box-shadow:0 4px 12px rgba(60,186,60,.3)}.milestone-current{color:var(--primary-600)}.milestone-current .milestone-icon{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:white;box-shadow:0 4px 12px rgba(59,130,246,.3);animation:pulse-glow 2s infinite}.privacy-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.privacy-toggle input{position:absolute;opacity:0;pointer-events:none}.privacy-toggle-slider{width:2.25rem;height:1.25rem;background:var(--gray-300);border-radius:.625rem;transition:all .3s ease;position:relative}.privacy-toggle input:checked+.privacy-toggle-slider{background:var(--primary-500)}.privacy-toggle-slider:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:white;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.privacy-toggle input:checked+.privacy-toggle-slider:after{transform:translateX(1rem)}.country-flag{display:inline-block;font-size:1.25rem;transition:transform .2s ease}.country-flag:hover{transform:scale(1.2) rotate(5deg)}.welcome-stats{opacity:0;transform:translateY(10px);animation:fadeInUp .6s ease forwards}.welcome-stats:first-child{animation-delay:.1s}.welcome-stats:nth-child(2){animation-delay:.2s}.welcome-stats:nth-child(3){animation-delay:.3s}.welcome-stats:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.quick-action-card{padding:1rem}.leaderboard-item{padding:.75rem}.milestone{padding-left:2.5rem}}@media (prefers-color-scheme:dark){.dashboard-glass{background:rgba(30,30,35,.85)}.chart-container,.dashboard-glass{border:1px solid rgba(255,255,255,.1)}.chart-container{background:rgba(30,30,35,.9)}.activity-item:hover{background-color:rgba(255,255,255,.05)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}.contain-layout{contain:layout}.contain-paint{contain:paint}@media (prefers-reduced-motion:reduce){.milestone-current .milestone-icon,.progress-bar-animated:after,.welcome-stats{animation:none}.activity-item:hover,.quick-action-card:hover{transform:none}}@media print{.chart-container,.dashboard-glass{background:white;border:1px solid #ccc;box-shadow:none}}