*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f3f4f6;color:#1f2937}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #dc2626;--success: #16a34a;--surface: #ffffff;--border: #e5e7eb;--muted: #6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:#374151}.field input,.field select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none;transition:border .2s ease}.field input:focus,.field select:focus{border-color:var(--primary)}.alert{padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.alert-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}