:root{--primary:#6366f1;--primary-hover:#4f46e5;--background:#f8fafc;--surface:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--error:#ef4444;--radius:12px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}button{cursor:pointer;border-radius:var(--radius);border:none;font-weight:600;transition:all .2s}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.5rem}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.input-group{margin-bottom:1.25rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-group input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}