.profile-page{max-width:56rem;margin-inline:auto;padding-bottom:var(--space-10)}.profile-page__title{margin:0 0 var(--space-6);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.profile-card{background:var(--color-bg-primary);border:var(--border-width-default) var(--border-style-default) var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.profile-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:var(--border-width-default) var(--border-style-default) var(--color-border-light)}.profile-card__heading{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.profile-card__heading-icon{color:var(--color-indigo-600)}.profile-header-actions{display:flex;align-items:center;gap:var(--space-2)}.profile-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--motion-normal) var(--ease-standard),color var(--motion-normal) var(--ease-standard)}.profile-btn--edit,.profile-btn--cancel{border:var(--border-width-default) var(--border-style-default) var(--color-slate-300);background:transparent;color:var(--color-text-primary)}.profile-btn--edit:hover,.profile-btn--cancel:hover{background:var(--color-bg-secondary)}.profile-btn--cancel{padding-inline:var(--space-3)}.profile-btn--save{border:none;background:var(--color-indigo-600);color:var(--color-text-inverse)}.profile-btn--save:hover{background:var(--color-indigo-700)}.profile-card__body{padding:var(--space-5)}.profile-fields-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-5)}@media(min-width:640px){.profile-fields-grid{grid-template-columns:repeat(3,1fr)}}.profile-field{display:flex;flex-direction:column}.profile-field__label{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.profile-field__value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.profile-field__placeholder{font-weight:var(--font-regular);color:var(--color-text-muted)}.profile-field__address-wrap{margin-bottom:var(--space-5)}.profile-note-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.profile-note-row__text{color:var(--color-text-primary)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-5)}.profile-input-group{display:flex;flex-direction:column}.profile-input-group__label{display:block;margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.profile-input,.profile-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:var(--border-width-default) var(--border-style-default) var(--color-slate-300);border-radius:var(--radius-lg);outline:none;transition:border-color var(--motion-normal) var(--ease-standard),box-shadow var(--motion-normal) var(--ease-standard)}.profile-input:focus,.profile-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-primary-100)}.profile-textarea{height:var(--space-20);resize:vertical}