.user-profile-page{background:var(--color-bg-primary);min-height:calc(100vh - 70px);padding:var(--spacing-xl) var(--spacing-base)}.profile-container{margin:0 auto;max-width:800px}.profile-header{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.profile-avatar-section{align-items:center;display:flex;gap:var(--spacing-lg)}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;position:relative;width:80px}.profile-initials{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.profile-avatar .admin-badge,.profile-avatar .premium-badge{align-items:center;border:3px solid var(--color-bg-white);border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.profile-info h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--spacing-xs)}.profile-email{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.profile-role{border-radius:var(--radius-xl);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.profile-role.user{background:var(--color-bg-gray-lighter);color:var(--color-text-secondary)}.profile-role.premium{background:#fff8dc;color:#b8860b}.profile-role.admin{background:#fff5f5;color:#c53030}.profile-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.profile-section{background:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.profile-section .notification-settings{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:0}.profile-section h2{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-base)}.profile-section h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-base);display:grid;gap:var(--spacing-base);grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{border:1px solid var(--color-border-default);border-radius:var(--radius-base);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-base);transition:all var(--transition-base)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0063fc1a;outline:none}.form-group input:disabled{background:var(--color-bg-gray-light);cursor:not-allowed;opacity:.6}.form-group small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.account-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-item{border:1px solid var(--color-border-light);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-base)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stat-label,.stat-value{font-weight:var(--font-weight-medium)}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-base)}.upgrade-section{background:linear-gradient(135deg,#eaf2ff,#accfff);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.upgrade-section h3{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.upgrade-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-base);justify-content:center;min-height:400px}.alert{border-radius:var(--radius-base);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-base)}.alert-success{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.alert-error{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.btn-loading-content{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-circle);border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.profile-header,.user-profile-page{padding:var(--spacing-base)}.profile-avatar-section{flex-direction:column;gap:var(--spacing-base);text-align:center}.profile-avatar{height:60px;width:60px}.profile-info h1,.profile-initials{font-size:var(--font-size-xl)}.account-stats,.form-row{grid-template-columns:1fr}.account-stats{gap:var(--spacing-base)}.profile-section{padding:var(--spacing-base)}}@media (max-width:430px){.profile-container{max-width:100%}}