*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f46e5;--primary-hover: #4338ca;--success: #10b981;--danger: #ef4444;--text: #1f2937;--text-light: #6b7280;--bg: #f9fafb;--card-bg: #ffffff;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-light)}.btn-ghost:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.card{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow)}.container{max-width:640px;margin:0 auto;padding:1rem}