.profile-container{max-width:900px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center;min-height:400px}.profile-loading i,.profile-error i{font-size:3rem;color:var(--color-primary)}.profile-error i{color:#dc2626}.profile-loading p,.profile-error p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.profile-header{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-primary),#1d4ed8);border-radius:var(--radius-2xl);color:var(--color-white);margin-bottom:var(--spacing-6);box-shadow:0 18px 45px #0047ab40}.profile-avatar{flex-shrink:0}.profile-avatar i{font-size:6rem;color:#ffffffe6}.profile-header-info{flex:1}.profile-header-info h1{font-size:2rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;color:var(--color-white)}.profile-username{font-size:var(--font-size-base);color:#fffc;margin:0 0 var(--spacing-3) 0}.member-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);backdrop-filter:blur(10px)}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-border-light);box-shadow:0 4px 12px #0000000d}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-border-light)}.profile-section h2{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-section h2 i{color:var(--color-primary)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-5)}.profile-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.profile-info-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.profile-info-item p{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;padding:var(--spacing-2) 0}.status-active,.status-inactive{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.status-active{background:#ecfdf5;color:#166534}.status-active i{color:#16a34a}.status-inactive{background:#fef2f2;color:#991b1b}.status-inactive i{color:#dc2626}.profile-cta{background:linear-gradient(120deg,#0047ab0d,#fdb7140d);border:2px dashed var(--color-border)}.cta-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-4)}.cta-content i{font-size:3rem;color:var(--color-primary)}.cta-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.cta-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;margin:0}.profile-actions{display:flex;justify-content:center;padding:var(--spacing-4) 0}.btn-logout{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-smooth)}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.profile-success-message,.profile-error-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.profile-success-message{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.profile-success-message i{color:#16a34a;font-size:var(--font-size-lg)}.profile-error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.profile-error-message i{color:#dc2626;font-size:var(--font-size-lg)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-edit-form input{width:100%;padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);font:inherit;box-sizing:border-box;background:var(--color-bg-subtle);transition:var(--transition-smooth);font-size:var(--font-size-base)}.profile-edit-form input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-lighter)}.profile-edit-form input:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.7}.profile-edit-actions{display:flex;gap:var(--spacing-3);justify-content:flex-start;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:80px}.password-toggle{position:absolute;right:var(--spacing-2);background:var(--color-neutral-100);border:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth)}.password-toggle:hover{background:var(--color-neutral-200);color:var(--color-text-primary)}.password-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;padding:var(--spacing-4) 0}.password-strength{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2)}.password-strength-bar{flex:1;height:6px;background:var(--color-neutral-100);border-radius:var(--radius-full);overflow:hidden}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:var(--radius-full)}.password-strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:70px;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-smooth);text-decoration:none;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#1d4ed8);color:var(--color-white);box-shadow:0 12px 30px #0047ab4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px #0047ab66}.btn-secondary{background:var(--color-secondary);color:var(--color-primary);border:2px solid transparent}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-light);transform:translateY(-2px)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}@media(max-width:768px){.profile-container{padding:var(--spacing-6) var(--spacing-4)}.profile-header{flex-direction:column;text-align:center;padding:var(--spacing-6)}.profile-avatar i{font-size:4rem}.profile-header-info h1{font-size:1.5rem}.profile-info-grid{grid-template-columns:1fr}.profile-section{padding:var(--spacing-5)}.profile-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.profile-edit-actions{flex-direction:column}.profile-edit-actions .btn{width:100%}}@media(max-width:480px){.profile-container{padding:var(--spacing-4) var(--spacing-3)}.profile-header{padding:var(--spacing-5);border-radius:var(--radius-xl)}.profile-section{padding:var(--spacing-4)}.profile-section h2{font-size:var(--font-size-lg)}.btn-lg{width:100%}}