:root{--primary-gradient:linear-gradient(135deg,#3b82f6,#4338ca);--primary-color:#3b82f6;--primary-dark:#4338ca;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--bg-gray:#f9fafb;--bg-white:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}.smartpay-profile-edit{flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:40px 20px}.smartpay-profile-edit *{box-sizing:border-box}.smartpay-profile-edit .profile-container{margin:0 auto;max-width:1400px}.smartpay-profile-edit .dashboard-layout{align-items:start;display:grid;gap:30px;grid-template-columns:280px 1fr}.smartpay-profile-edit .dashboard-sidebar{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:calc(100vh - 80px);overflow:hidden;padding:0;position:sticky;top:40px}.smartpay-profile-edit .sidebar-profile{background:var(--bg-white);color:var(--text-primary);overflow:hidden;padding:30px 24px;position:relative;text-align:center}.smartpay-profile-edit .sidebar-profile:before{right:-30%;top:-50%}.smartpay-profile-edit .sidebar-profile:after,.smartpay-profile-edit .sidebar-profile:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:200px;position:absolute;width:200px}.smartpay-profile-edit .sidebar-profile:after{bottom:-50%;left:-30%}.smartpay-profile-edit .profile-avatar-wrapper{height:80px;margin:0 auto 16px;position:relative;width:80px;z-index:1}.smartpay-profile-edit .sidebar-avatar{border:3px solid hsla(0,0%,100%,.3);border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.smartpay-profile-edit .profile-status{background:var(--success-color);border:3px solid #fff;border-radius:50%;bottom:5px;height:16px;position:absolute;right:5px;width:16px}.smartpay-profile-edit .profile-name{font-size:1.125rem;font-weight:700;margin:0 0 4px;position:relative;z-index:1}.smartpay-profile-edit .sidebar-profile .profile-email{font-size:.875rem;margin:0 0 16px;opacity:.9;position:relative;word-break:break-word;z-index:1}.smartpay-profile-edit .sidebar-profile .profile-badge{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;display:inline-flex;font-size:.813rem;font-weight:600;gap:6px;padding:6px 14px;position:relative;z-index:1}.smartpay-profile-edit .sidebar-nav{display:flex;flex:1;flex-direction:column;gap:4px;justify-content:space-between;padding:12px}.smartpay-profile-edit .sidebar-block{display:flex;flex-direction:column;gap:4px}.smartpay-profile-edit .sidebar-nav .nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.938rem;font-weight:600;gap:12px;padding:12px 14px;position:relative;text-decoration:none;transition:all .2s ease}.smartpay-profile-edit .sidebar-nav .nav-item:hover{background:var(--bg-gray);color:var(--text-primary)}.smartpay-profile-edit .sidebar-nav .nav-item.active{background:#e5e7eb;color:var(--text-primary)}.smartpay-profile-edit .sidebar-nav .nav-item svg{flex-shrink:0}.smartpay-profile-edit .sidebar-nav .nav-divider{background:var(--border-color);height:1px;margin:8px 0}.smartpay-profile-edit .sidebar-nav .nav-logout{color:var(--error-color)}.smartpay-profile-edit .sidebar-nav .nav-logout:hover{background:#fee2e2;color:var(--error-color)}.smartpay-profile-edit .profile-main{min-width:0}.smartpay-profile-edit .profile-header{margin-bottom:20px;padding:4px 0 20px}.smartpay-profile-edit .profile-header .header-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.smartpay-profile-edit .profile-header h1{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 8px}.smartpay-profile-edit .profile-header .subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.smartpay-profile-edit .section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.smartpay-profile-edit .section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:10px;margin:0}.smartpay-profile-edit .profile-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:0}.smartpay-profile-edit .tab-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.938rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.smartpay-profile-edit .tab-item:hover{background:var(--bg-gray);color:var(--text-primary)}.smartpay-profile-edit .tab-item.active{background:#e5e7eb;border-color:transparent;color:var(--text-primary)}.smartpay-profile-edit .profile-content{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.smartpay-profile-edit .form-section{display:none}.smartpay-profile-edit .form-section.active{display:block}.smartpay-profile-edit .form-section .section-header{border-bottom:2px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.smartpay-profile-edit .form-section .section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 8px}.smartpay-profile-edit .form-section .section-header p{color:var(--text-secondary);font-size:1rem;margin:0}.smartpay-profile-edit .profile-form .form-group-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.smartpay-profile-edit .profile-form .form-group{margin-bottom:24px}.smartpay-profile-edit .profile-form .form-group label{color:var(--text-primary);display:block;font-size:.938rem;font-weight:600;margin-bottom:8px}.smartpay-profile-edit .profile-form .form-control{background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.smartpay-profile-edit .profile-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(59,130,246,.1);outline:none}.smartpay-profile-edit .profile-form .form-control.error{background:#fef2f2;border-color:var(--error-color)}.smartpay-profile-edit .password-strength-wrapper{display:none;margin-top:8px}.smartpay-profile-edit .password-strength-wrapper.show{display:block}.smartpay-profile-edit .password-strength{background:var(--border-color);border-radius:2px;display:none;height:4px;margin-bottom:6px;margin-top:8px;overflow:hidden}.smartpay-profile-edit .password-strength.show{display:block}.smartpay-profile-edit .password-strength:after{content:"";display:block;height:100%;transition:width .3s ease,background .3s ease}.smartpay-profile-edit .password-strength.weak:after{background:var(--error-color);width:33%}.smartpay-profile-edit .password-strength.medium:after{background:var(--warning-color);width:66%}.smartpay-profile-edit .password-strength.strong:after{background:var(--success-color);width:100%}.smartpay-profile-edit .strength-text{font-size:.813rem;font-weight:600}.smartpay-profile-edit .strength-text.weak{color:var(--error-color)}.smartpay-profile-edit .strength-text.medium{color:var(--warning-color)}.smartpay-profile-edit .strength-text.strong{color:var(--success-color)}.smartpay-profile-edit .security-notice{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);display:flex;gap:12px;padding:16px}.smartpay-profile-edit .security-notice svg{color:var(--info-color);flex-shrink:0}.smartpay-profile-edit .security-notice span{color:#1e40af;font-size:.938rem}.smartpay-profile-edit .preference-item{align-items:center;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:16px;padding:20px}.smartpay-profile-edit .preference-info h3{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 4px}.smartpay-profile-edit .preference-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.smartpay-profile-edit .preference-note{color:var(--text-secondary);font-size:.813rem;font-style:italic;margin-left:12px}.smartpay-profile-edit .switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.smartpay-profile-edit .switch input{height:0;opacity:0;width:0}.smartpay-profile-edit .slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.smartpay-profile-edit .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.smartpay-profile-edit input:checked+.slider{background-color:var(--primary-color)}.smartpay-profile-edit input:checked+.slider:before{transform:translateX(24px)}.smartpay-profile-edit input:disabled+.slider{cursor:not-allowed;opacity:.5}.smartpay-profile-edit .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;gap:10px;justify-content:center;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.smartpay-profile-edit .btn-primary{background:var(--primary-gradient);box-shadow:0 4px 12px rgba(59,130,246,.3);color:#fff}.smartpay-profile-edit .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.smartpay-profile-edit .btn-secondary{background:var(--bg-gray);border:2px solid var(--border-color);color:var(--text-primary)}.smartpay-profile-edit .btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:var(--text-secondary)}.smartpay-profile-edit .btn-sm{font-size:.875rem;padding:8px 16px}.smartpay-profile-edit .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.smartpay-profile-edit .btn-arrow{transition:transform .3s ease}.smartpay-profile-edit .btn:hover:not(:disabled) .btn-arrow{transform:translateX(4px)}.smartpay-profile-edit .input-with-icon{position:relative}.smartpay-profile-edit .input-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:24px;transform:translateY(-50%);z-index:1}.smartpay-profile-edit .form-control.with-icon{padding-left:44px}.smartpay-profile-edit .password-input-wrapper{position:relative}.smartpay-profile-edit .password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:25px;transform:translateY(-50%);transition:color .2s ease;z-index:2}.smartpay-profile-edit .password-toggle:hover{color:var(--text-primary)}.smartpay-profile-edit .password-toggle:focus{outline:none}.smartpay-profile-edit .required{color:var(--error-color);margin-left:2px}.smartpay-profile-edit .help-text{color:var(--text-secondary);display:block;font-size:.875rem;margin-top:6px}.smartpay-profile-edit .error-message{color:var(--error-color);display:none;font-size:.875rem;font-weight:500;margin-top:6px}.smartpay-profile-edit .form-group select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.smartpay-profile-edit .alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.938rem;font-weight:500;gap:12px;margin:16px 0;padding:16px 20px}.smartpay-profile-edit .alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.smartpay-profile-edit .alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.smartpay-profile-edit .form-actions{display:flex;gap:12px;margin-top:24px}.smartpay-profile-edit .form-actions.margin-0{margin:0}.smartpay-profile-edit .avatar-upload-section{align-items:flex-start;background:var(--bg-gray);border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;gap:32px;margin-bottom:32px;padding:32px;transition:all .3s ease}.smartpay-profile-edit .avatar-upload-section.has-preview{background:var(--bg-gray);border-color:var(--primary-color)}.smartpay-profile-edit .avatar-preview-container{display:flex;flex-shrink:0;gap:20px}.smartpay-profile-edit .avatar-current,.smartpay-profile-edit .avatar-preview{align-items:center;display:flex;flex-direction:column;gap:8px}.smartpay-profile-edit .avatar-current .avatar-img,.smartpay-profile-edit .avatar-preview .avatar-img{border:4px solid var(--bg-white);border-radius:50%;box-shadow:var(--shadow-md);height:100px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100px}.smartpay-profile-edit .avatar-preview{position:relative}.smartpay-profile-edit .avatar-preview .avatar-img{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color),var(--shadow-lg)}.smartpay-profile-edit .avatar-preview:after{background:var(--primary-gradient);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;content:"NEW";font-size:.688rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:-8px;top:-8px}.smartpay-profile-edit .avatar-actions{flex:1;min-width:0}.smartpay-profile-edit .avatar-actions h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 4px}.smartpay-profile-edit .avatar-actions p{color:var(--text-secondary);font-size:.875rem;margin:0 0 20px}.smartpay-profile-edit .avatar-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.smartpay-profile-edit .avatar-buttons .btn{animation:fadeIn .3s ease}.smartpay-profile-edit .upload-progress{animation:fadeIn .3s ease;margin-top:16px}.smartpay-profile-edit .progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.smartpay-profile-edit .progress-fill{animation:progressPulse 1.5s ease-in-out infinite;background:var(--primary-gradient);border-radius:4px;height:100%;transition:width .3s ease;width:0}.smartpay-profile-edit .progress-text{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:8px}.smartpay-profile-edit .progress-text:after{animation:spin .6s linear infinite;border:2px solid var(--primary-color);border-radius:50%;border-top:2px solid transparent;content:"";height:16px;width:16px}.smartpay-profile-edit .avatar-message{animation:slideDown .3s ease;border-radius:var(--radius-md);display:none;font-size:.875rem;font-weight:500;margin-top:12px;padding:12px 16px}.smartpay-profile-edit .avatar-message.show{display:block}.smartpay-profile-edit .avatar-message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.smartpay-profile-edit .avatar-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.smartpay-profile-edit .avatar-message.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:100px;opacity:1;transform:translateY(0)}}@media (max-width:1024px){.smartpay-profile-edit .dashboard-layout{grid-template-columns:240px 1fr}}@media (max-width:768px){.smartpay-profile-edit{padding:20px 10px}.smartpay-profile-edit .dashboard-layout{gap:20px;grid-template-columns:1fr}.smartpay-profile-edit .dashboard-sidebar{position:static}.smartpay-profile-edit .profile-header{padding:24px 20px}.smartpay-profile-edit .profile-header .header-content{align-items:flex-start;flex-direction:column}.smartpay-profile-edit .profile-content{padding:24px 20px}.smartpay-profile-edit .profile-form .form-group-row{grid-template-columns:1fr}.smartpay-profile-edit .form-actions{flex-direction:column}.smartpay-profile-edit .form-actions .btn{width:100%}.smartpay-profile-edit .profile-tabs{overflow-x:auto}.smartpay-profile-edit .avatar-upload-section{align-items:center;flex-direction:column;text-align:center}.smartpay-profile-edit .avatar-buttons,.smartpay-profile-edit .avatar-preview-container{justify-content:center}}@media (max-width:480px){.smartpay-profile-edit .profile-header h1{font-size:1.5rem}}