@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-bg:#F8FAFC;--color-card:#FFFFFF;--color-bg-subtle:#F1F5F9;--color-bg-muted:#E2E8F0;--color-bg-hover:#F1F5F9;--color-bg-active:#E2E8F0;--color-bg-overlay:rgba(15,23,42,0.5);--color-border:#E2E8F0;--color-border-subtle:#EEF2F6;--color-border-focus:#2563EB;--color-text:#0F172A;--color-text-secondary:#334155;--color-text-muted:#64748B;--color-text-inverse:#FFFFFF;--color-primary:#2563EB;--color-primary-hover:#1D4ED8;--color-primary-active:#1E40AF;--color-primary-subtle:#EFF6FF;--color-primary-border:#BFDBFE;--color-primary-text:#FFFFFF;--color-success:#10B981;--color-success-hover:#059669;--color-success-subtle:#ECFDF5;--color-success-border:#A7F3D0;--color-error:#EF4444;--color-error-hover:#DC2626;--color-error-subtle:#FEF2F2;--color-error-border:#FECACA;--color-warning:#F59E0B;--color-warning-hover:#D97706;--color-warning-subtle:#FFFBEB;--color-warning-border:#FDE68A;--shine-start:rgba(255,255,255,0.6)}.dark{--color-bg:#0B0F19;--color-card:#111827;--color-bg-subtle:#111827;--color-bg-muted:#1F2937;--color-bg-hover:#374151;--color-bg-active:#4B5563;--color-bg-overlay:rgba(0,0,0,0.6);--color-border:#374151;--color-border-subtle:#1F2937;--color-border-focus:#3B82F6;--color-text:#F8FAFC;--color-text-secondary:#CBD5E1;--color-text-muted:#94A3B8;--color-text-inverse:#020617;--color-primary:#3B82F6;--color-primary-hover:#60A5FA;--color-primary-active:#2563EB;--color-primary-subtle:rgba(59,130,246,0.15);--color-primary-border:rgba(59,130,246,0.3);--color-primary-text:#FFFFFF;--color-success:#10B981;--color-success-hover:#34D399;--color-success-subtle:rgba(16,185,129,0.1);--color-success-border:rgba(16,185,129,0.2);--color-error:#EF4444;--color-error-hover:#F87171;--color-error-subtle:rgba(239,68,68,0.1);--color-error-border:rgba(239,68,68,0.2);--color-warning:#F59E0B;--color-warning-hover:#FBBF24;--color-warning-subtle:rgba(245,158,11,0.1);--color-warning-border:rgba(245,158,11,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.7),0 4px 6px -2px rgba(0,0,0,0.5);--shine-start:rgba(255,255,255,0.05)}:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--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;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.03);--shadow-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.06),0 4px 6px -2px rgba(0,0,0,0.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.07),0 10px 10px -5px rgba(0,0,0,0.02);--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--sidebar-width:260px;--navbar-height:74px;--max-content-width:1650px;--content-padding:var(--space-8)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh;transition:background-color var(--transition-normal),color var(--transition-normal)}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.heading-1{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--color-text)}.heading-2{font-size:var(--text-3xl);letter-spacing:-.02em}.heading-2,.heading-3{font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}.heading-3{font-size:var(--text-2xl);letter-spacing:-.015em}.heading-4{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}.body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.body,.body-lg{color:var(--color-text-secondary)}.body{font-size:var(--text-base)}.body,.body-sm{line-height:var(--leading-normal)}.body-sm{color:var(--color-text-muted)}.body-sm,.label{font-size:var(--text-sm)}.label{font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.stagger-1{animation-delay:50ms;animation-fill-mode:both}.stagger-2{animation-delay:.1s;animation-fill-mode:both}.stagger-3{animation-delay:.15s;animation-fill-mode:both}.stagger-4{animation-delay:.2s;animation-fill-mode:both}.stagger-5{animation-delay:.25s;animation-fill-mode:both}.stagger-6{animation-delay:.3s;animation-fill-mode:both}.container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--content-padding)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-hover) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@media (max-width:640px){:root{--content-padding:var(--space-4)}}@media (max-width:1024px){:root{--content-padding:var(--space-6)}}