:root{--background:#f9fafb;--foreground:#111827;--border:#e5e7eb;--accent:#6366f1;--accent-hover:#4f46e5;--danger:#dc2626;--card-bg:#ffffff;--muted:#6b7280;--shadow:0 4px 12px rgba(0,0,0,0.08)}.dark{--background:#0f1115;--foreground:#f1f5f9;--border:#1f2937;--accent:#6366f1;--accent-hover:#818cf8;--danger:#f87171;--card-bg:#1c1f24;--muted:#94a3b8;--shadow:0 4px 12px rgba(0,0,0,0.4)}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:system-ui,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.container{width:100%;margin:0 auto;padding:1rem}.grid{display:grid;gap:1rem}.grid-cols-responsive{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.btn{background:var(--accent);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease}.btn:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--foreground)}.btn-outline:hover{background:var(--card-bg)}.muted{color:var(--muted);font-size:.8rem}