:root{--primary-color:#81017d;--secondary-color:#81017d;--sidebar-bg:#fff;--bg-color:#f8fafc;--text-color:#0f172a;--text-muted:#64748b;--border-color:#cbd5e1;--border-light:#ebedf2;--card-bg:#fff;--success-bg:#ecfdf5;--success-text:#059669;--error-bg:#fef2f2;--error-text:#dc2626}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}.alert{align-items:center;animation:slideIn .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:var(--success-bg);border:1px solid var(--success-text);color:var(--success-text)}.alert-error{background-color:var(--error-bg);border:1px solid var(--error-text);color:var(--error-text)}.card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 4px 24px #0000000a;overflow:hidden;transition:box-shadow .3s ease}.card:hover{box-shadow:0 8px 32px #00000014}.card-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-light);padding:24px 32px}.card-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 4px}.card-description{color:var(--text-muted);font-size:.875rem;margin:0}.card-body{padding:32px}.form-container{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;gap:24px;grid-template-columns:1fr 1fr}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:8px}label{color:var(--text-color);font-size:.875rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);height:18px;left:16px;pointer-events:none;position:absolute;width:18px}.form-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:12px 16px 12px 42px;transition:all .2s ease;width:100%}.form-input:hover{border-color:var(--text-muted)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #c37cc633;outline:none}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.password-toggle:hover{background-color:var(--bg-color);color:var(--primary-color)}.pr-10{padding-right:40px!important}.divider{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:500;margin:8px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid var(--border-light);content:"";flex:1}.divider span{padding:0 16px}.form-actions{display:flex;justify-content:flex-end;margin-top:16px}.btn-primary{align-items:center;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;height:46px;justify-content:center;min-width:160px;padding:12px 28px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #c37cc666;opacity:.9;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background-color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.7}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.text-xs{font-size:.75rem}.text-slate-500{color:var(--text-muted)}.font-normal{font-weight:400}body{margin:0;padding:0}