:root{--primary: #1e40af;--primary-hover: #1e3a8a;--bg: #f8fafc;--card-bg: #ffffff;--text: #1e293b;--text-muted: #64748b;--success: #059669;--error: #dc2626;--border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.875rem;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid var(--border)}.btn-secondary:hover{background:#e2e8f0}.input-group{margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.5rem;color:var(--text);font-size:.875rem;font-weight:500}.input-group input,.input-group select,.input-group textarea{width:100%;padding:.625rem .875rem;border-radius:6px;border:1px solid var(--border);background:#fff;color:#1e293b!important;outline:none;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-group input::placeholder,.input-group select::placeholder,.input-group textarea::placeholder{color:#94a3b8}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1a;color:#1e293b!important}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;color:#1e293b!important}select option{background:#fff;color:#1e293b!important;padding:.5rem}textarea{resize:vertical;min-height:100px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--border)}table th{background:#f8fafc;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text);border-bottom:1px solid var(--border)}table td{padding:.875rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}table tr:last-child td{border-bottom:none}table tr:hover{background:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid}.alert-success{background:#d1fae5;border-color:#059669;color:#065f46}.alert-error{background:#fee2e2;border-color:#dc2626;color:#991b1b}.alert-info{background:#dbeafe;border-color:#1e40af;color:#1e3a8a}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid #f3f4f6;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.container{padding:1rem!important}.desktop-only{display:none!important}.mobile-stack{flex-direction:column!important;gap:1rem!important}.grid-mobile-1{grid-template-columns:1fr!important;gap:1rem!important}.mobile-hide{display:none!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-mobile-full{width:100%!important}}@media(min-width:769px){.mobile-only{display:none!important}}.profile-header{background:#fff;padding:1rem 2rem;border-bottom:3px solid #1e40af;box-shadow:0 2px 4px #0000001a}.profile-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:1rem}.profile-header-left{display:flex;align-items:center;gap:1rem}.profile-back-btn{padding:.5rem;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;align-items:center;color:#1e293b}.profile-title h2{color:#1e40af;font-weight:700;font-size:1.25rem;margin:0}.profile-title p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.profile-completion-box{border-radius:8px;padding:.75rem 1rem;min-width:200px}.profile-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.profile-card{background:#fff;padding:2rem;border-radius:4px;border:1px solid #e5e7eb}.profile-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:1rem}.profile-card-icon{background:#eff6ff;padding:.75rem;border-radius:4px}.profile-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.profile-avatar-wrapper{position:relative}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #e5e7eb}.profile-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2.5rem;border:4px solid #e5e7eb}.profile-camera-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:#1e40af;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-camera-btn:disabled{cursor:not-allowed;opacity:.6}.profile-form-group{margin-bottom:1rem}.profile-form-group label{display:block;margin-bottom:.5rem;color:#1e293b;font-size:.875rem;font-weight:600}.profile-form-group input{width:100%;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1e293b;font-size:.875rem}.profile-form-group input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.profile-btn-primary{width:100%;padding:.75rem;font-size:.875rem;font-weight:600;background:#1e40af;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-btn-primary:hover{background:#1e3a8a}.profile-btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.profile-btn-danger{width:100%;padding:.75rem;font-size:.875rem;font-weight:600;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-btn-danger:hover{background:#b91c1c}.profile-btn-danger:disabled{background:#94a3b8;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding:.75rem 3rem .75rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#1e293b;font-size:.875rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#64748b}.profile-alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-size:.875rem}.profile-alert-error{background:#fee2e2;border:1px solid #dc2626;color:#991b1b}.profile-alert-success{background:#d1fae5;border:1px solid #059669;color:#065f46}.profile-completion-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;padding:1rem;margin-bottom:1rem}.profile-completion-warning-title{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.profile-completion-warning ul{margin:0;padding-left:1.25rem;font-size:.875rem;color:#92400e}@media(max-width:768px){.profile-header{padding:.75rem 1rem}.profile-header-inner{flex-direction:column;align-items:stretch;gap:.75rem}.profile-header-left{justify-content:flex-start}.profile-title h2{font-size:1rem}.profile-title p{font-size:.75rem}.profile-completion-box{min-width:unset;padding:.5rem .75rem}.profile-container{padding:1rem}.profile-grid{grid-template-columns:1fr;gap:1rem}.profile-card{padding:1.25rem}.profile-card-header{margin-bottom:1rem;padding-bottom:.75rem}.profile-card h3{font-size:1rem}.profile-avatar,.profile-avatar-placeholder{width:100px;height:100px;font-size:2rem}.profile-camera-btn{width:32px;height:32px}.profile-avatar-section{margin-bottom:1.5rem}.address-grid{grid-template-columns:1fr;gap:.75rem}.profile-form-group{margin-bottom:.75rem}.profile-form-group label{font-size:.8125rem}.profile-form-group input,.profile-btn-primary,.profile-btn-danger{padding:.625rem;font-size:.8125rem}.password-input-wrapper input{padding:.625rem 2.5rem .625rem .625rem;font-size:.8125rem}.profile-alert{padding:.75rem;margin-bottom:1rem;font-size:.8125rem}.profile-completion-warning{padding:.75rem;margin-bottom:.75rem}.profile-completion-warning-title{font-size:.8125rem}.profile-completion-warning ul{font-size:.8125rem;padding-left:1rem}}