@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--font: "Space Grotesk", sans-serif;--white: #ffffff;--black: #0a0a0a;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--accent: #0066ff;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--radius: 12px;--transition: .2s ease}[data-theme=light]{--bg: var(--gray-50);--surface: var(--white);--text: var(--gray-900);--text-muted: var(--gray-500);--border: var(--gray-200);--hover: var(--gray-100)}[data-theme=dark]{--bg: var(--gray-900);--surface: var(--gray-800);--text: var(--gray-50);--text-muted: var(--gray-400);--border: var(--gray-700);--hover: var(--gray-700)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em}h2{font-size:1.75rem;font-weight:600;letter-spacing:-.02em}h3{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase;letter-spacing:.1em}.container{max-width:1200px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.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)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all var(--transition)}.card:hover{border-color:var(--gray-400)}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:all var(--transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--black);color:var(--white)}[data-theme=dark] .btn-primary{background:var(--white);color:var(--black)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:var(--hover)}.btn-icon{padding:.5rem;border-radius:50%}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#000}.btn-danger{background:var(--danger);color:#fff}.input{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:all var(--transition)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0066ff1a}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;background:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .badge{background:var(--gray-700);color:var(--gray-300)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#eab30826;color:#ca8a04}.badge-danger{background:#ef44441a;color:var(--danger)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--gray-600)}[data-theme=dark] .avatar{background:var(--gray-700);color:var(--gray-300)}.divider{height:1px;background:var(--border);margin:1.5rem 0}.progress-bar{height:4px;background:var(--gray-200);border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);transition:width .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:768px){h1{font-size:1.75rem}.container{padding:1rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}