:root{--color-brand-blue:#1E2A5A;--color-brand-blue2:#2D3F7F;--color-brand-purple:#6C4CF4;--color-brand-purple2:#9A5DFF;--color-brand-accent:#6F7CF3;--color-neutral-50:#F8F9FC;--color-neutral-100:#F3F4F8;--color-neutral-200:#E5E7EB;--color-neutral-300:#D1D5DB;--color-neutral-400:#9CA3AF;--color-neutral-500:#6B7280;--color-neutral-600:#4B5563;--color-neutral-700:#3B3F4A;--color-neutral-800:#1F2937;--color-neutral-900:#1C1F26;--color-primary:var(--color-brand-purple);--color-primary-hover:var(--color-brand-purple2);--color-secondary:var(--color-brand-blue);--color-accent:var(--color-brand-accent);--color-bg-primary:#FFFFFF;--color-bg-secondary:var(--color-neutral-50);--color-bg-tertiary:var(--color-neutral-100);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-500);--color-text-inverse:#FFFFFF;--color-border-primary:var(--color-neutral-200);--color-border-secondary:var(--color-neutral-300);--color-border-focus:var(--color-brand-purple);--color-success:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#3B82F6;--gradient-brand:linear-gradient(90deg,#6C4CF4,#9A5DFF 50%,#6F7CF3);--gradient-brand-hover:linear-gradient(90deg,#5A3CD8,#8A4DE6 50%,#5E6BE0);--gradient-brand-vertical:linear-gradient(180deg,#6C4CF4,#9A5DFF 50%,#6F7CF3);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-elevation-1:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-elevation-2:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-elevation-3:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-elevation-4:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-brand-glow:0 0 20px rgba(108,76,244,0.3);--shadow-brand-glow-lg:0 0 40px rgba(108,76,244,0.4);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}@media (prefers-color-scheme:dark){:root{--color-bg-primary:var(--color-neutral-900);--color-bg-secondary:var(--color-neutral-800);--color-bg-tertiary:var(--color-neutral-700);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-tertiary:var(--color-neutral-400);--color-border-primary:var(--color-neutral-700);--color-border-secondary:var(--color-neutral-600)}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;transition:all .25s ease-in-out;outline:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,#6C4CF4,#9A5DFF 50%,#2653F4);color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;border:none}.btn-primary:hover{background:linear-gradient(90deg,#2653F4,#6C4CF4);box-shadow:0 0 20px rgba(108,76,244,.3)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 2px #2653F4,0 0 0 4px rgba(38,83,244,.1)}.btn-secondary{background:white;color:#6C4CF4;border:2px solid #6c4cf4;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem}.btn-secondary:hover{background:#6C4CF4;color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-ghost{background:transparent;color:#3B3F4A;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem}.btn-ghost:hover{background:#F3F4F8;color:#1C1F26}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background:white;border:1px solid #f3f4f8;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow .25s ease-in-out}.card-elevated,.card-hover:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card-elevated{background:white;border:none;border-radius:1rem}.card-interactive{cursor:pointer;transform:translateY(0);transition:all .25s ease-in-out}.card-interactive:hover{transform:translateY(-.25rem);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.chip{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid;transition:all .2s ease-in-out}.chip-primary{background:rgba(108,76,244,.1);color:#6C4CF4;border-color:rgba(108,76,244,.2)}.chip-primary:hover{background:rgba(108,76,244,.2)}.chip-secondary{background:#F3F4F8;color:#3B3F4A;border-color:#E5E7EB}.chip-secondary:hover{background:#E5E7EB}.chip-success{background:#D1FAE5;color:#065F46;border-color:#A7F3D0}.chip-success:hover{background:#A7F3D0}.chip-warning{background:#FEF3C7;color:#92400E;border-color:#FDE68A}.chip-warning:hover{background:#FDE68A}.chip-error{background:#FEE2E2;color:#991B1B;border-color:#FCA5A5}.chip-error:hover{background:#FCA5A5}.input{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:white;color:#1C1F26;transition:all .2s ease-in-out}.input::placeholder{color:#6B7280}.input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #6C4CF4}.input-error{border-color:#F87171}.input-error:focus{box-shadow:0 0 0 2px #EF4444}.input-success{border-color:#34D399}.input-success:focus{box-shadow:0 0 0 2px #10B981}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-primary{background:#6C4CF4;color:white}.badge-secondary{background:#F3F4F8;color:#3B3F4A}.badge-success{background:#D1FAE5;color:#065F46}.badge-warning{background:#FEF3C7;color:#92400E}.badge-error{background:#FEE2E2;color:#991B1B}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#F3F4F8;color:#3B3F4A;font-weight:600}.avatar-sm{width:2rem;height:2rem;font-size:.875rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:1rem}.avatar-lg{width:3rem;height:3rem;font-size:1.125rem}.avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.divider{border-top:1px solid #e5e7eb;margin:1.5rem 0}.divider-vertical{border-left:1px solid #e5e7eb;margin:0 1.5rem}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#E5E7EB;border-radius:.25rem}.skeleton-text{height:1rem;width:100%}.skeleton-avatar{border-radius:9999px}.skeleton-button{height:2.5rem;width:6rem;border-radius:.75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px #6C4CF4,0 0 0 4px rgba(108,76,244,.1)}.fade-in{opacity:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.slide-in-up{transform:translateY(1rem)}.slide-in-down,.slide-in-up{opacity:0;transition:all .3s ease-in-out}.slide-in-down{transform:translateY(-1rem)}.scale-in{transform:scale(.95);opacity:0;transition:all .2s ease-in-out}.glass{background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.gradient-text{background:linear-gradient(90deg,#6C4CF4,#9A5DFF 50%,#6F7CF3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.1)}.container-responsive{max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}@media (min-width:640px){.container-responsive{padding:0 1.5rem}}@media (min-width:1024px){.container-responsive{padding:0 2rem}}.grid-auto-fit{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width:640px){.grid-auto-fit{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-auto-fit{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid-auto-fit{grid-template-columns:repeat(4,1fr)}}.grid-masonry{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;grid-auto-rows:max-content}@media (min-width:768px){.grid-masonry{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-masonry{grid-template-columns:repeat(3,1fr)}}