*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1e40af;--primary-dark: #1e3a8a;--success: #16a34a;--danger: #dc2626;--bg: #f8fafc;--surface: #ffffff;--text: #1e293b;--text-secondary: #64748b;--border: #e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.card{background:var(--surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-block{width:100%}.input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:1rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--primary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;font-size:.875rem;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}