.profile-layout{min-height:100vh;padding-top:var(--navbar-height)}.profile-content{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}.profile-header{margin-bottom:var(--space-8)}.profile-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-2)}.profile-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-card{padding:var(--space-8);margin-bottom:var(--space-6)}.profile-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.profile-avatar-row{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:white;flex-shrink:0}.profile-avatar-info h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.profile-avatar-info p{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.profile-field{display:flex;flex-direction:column;gap:var(--space-2)}.profile-field label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted)}.profile-field input,.profile-field textarea{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.profile-field textarea{line-height:1.6;resize:vertical;min-height:160px}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.plan-current{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--color-accent-subtle);border:1px solid rgba(124,92,252,.2);border-radius:var(--border-radius-md);margin-bottom:var(--space-6)}.plan-current-info h4{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-1)}.plan-current-info p{font-size:var(--text-sm);color:var(--color-text-secondary)}.minutes-display{margin-bottom:var(--space-6)}.minutes-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.minutes-label{font-size:var(--text-sm);font-weight:600}.minutes-value{font-size:var(--text-sm);color:var(--color-text-muted)}.minutes-bar{height:8px;background:var(--color-bg-elevated);border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.minutes-bar-fill{height:100%;border-radius:4px;background:var(--gradient-hero);transition:width 1s var(--ease-out)}.minutes-bar-fill.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.minutes-bar-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.minutes-detail{font-size:var(--text-xs);color:var(--color-text-muted)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.plan-option{padding:var(--space-5);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.plan-option:hover{transform:translateY(-2px);border-color:var(--border-color-hover)}.plan-option.current{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.plan-option-name{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-2)}.plan-option-price{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.plan-option-price span{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.plan-option-minutes{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.plan-option-features{text-align:left}.plan-option-feature{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}@media (max-width:768px){.profile-form-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.plans-grid{grid-template-columns:1fr}}