:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#3b82f6;--radius:0.75rem}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.07)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s;border:none;gap:.5rem}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:#e2e8f0}.input-field{width:100%;padding:.75rem;border-radius:var(--radius);border:1px solid var(--input);background:var(--card);font-size:1rem;outline:none;transition:border-color .2s,ring .2s}.input-field:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}p{color:var(--muted-foreground);line-height:1.6}