.profile-settings .profile-container{max-width:1040px;margin:0 auto;padding:0 1.5rem}.profile-settings .loading-state{text-align:center;padding:4rem 2rem;background:#0c0d12b3;border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-soft)}.profile-settings .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,91,46,.18);border-top-color:var(--ember);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-settings .profile-header-card{background:radial-gradient(420px 260px at 0% 0%,rgba(255,91,46,.2),transparent 65%),radial-gradient(360px 240px at 100% 0%,rgba(90,209,200,.18),transparent 65%),#0c0d12eb;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:2.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:2.5rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);position:relative;overflow:hidden}.profile-settings .profile-header-card>*:not(.profile-banner){position:relative;z-index:1}.profile-settings .profile-banner{position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(120deg,#05070b33,#05070bb3);background-size:cover;background-position:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.profile-settings .profile-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070b26,#05070bf2)}.profile-settings .profile-avatar-container{position:relative;flex-shrink:0}.profile-settings .profile-avatar{width:140px;height:140px;border-radius:26px;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 2px #ff5b2e66;background:#0c0d12b3}.profile-settings .profile-info{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem;align-items:center}.profile-settings .profile-main{display:flex;flex-direction:column;gap:.35rem}.profile-settings .profile-account{align-self:stretch}.profile-settings .profile-account-title{margin:0 0 .9rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#f7f2e799}.profile-settings .profile-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem}.profile-settings .profile-card{background:#0c0d12eb;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:2rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px)}.profile-settings .section-title{font-family:var(--font-display);font-size:1.6rem;margin:0 0 1.5rem;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.profile-settings .section-title:before{content:"";display:block;width:24px;height:2px;background:linear-gradient(90deg,var(--ember),var(--gold));border-radius:999px}.profile-settings .card-header{margin-bottom:1.5rem}.profile-settings .section-subtitle{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.profile-settings .profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-settings .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.profile-settings .form-group.full{grid-column:1 / -1}.profile-settings .field-row{display:flex;align-items:center;gap:.75rem}.profile-settings .field-row .form-input{flex:1;min-width:0}.profile-settings .field-row--compact{justify-content:space-between;margin-top:.75rem}.profile-settings .form-textarea{min-height:120px;resize:vertical}.profile-settings .field-hint{color:var(--muted);font-size:.85rem}.profile-settings .form-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.profile-settings .toggle{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#f7f2e799;white-space:nowrap}.profile-settings .toggle input{position:absolute;opacity:0;width:0;height:0}.profile-settings .toggle-track{width:42px;height:24px;background:#ffffff29;border-radius:999px;position:relative;transition:background .2s ease,box-shadow .2s ease}.profile-settings .toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .2s ease}.profile-settings .toggle input:checked+.toggle-track{background:#ff5b2e99;box-shadow:0 0 0 3px #ff5b2e33}.profile-settings .toggle input:checked+.toggle-track:after{transform:translate(18px)}.profile-settings .toggle-text{font-weight:600}.profile-settings .status-message{font-size:.85rem;margin-top:.5rem;min-height:1.25rem}.profile-settings .status-message.success{color:#4ade80}.profile-settings .status-message.error{color:#f87171}.profile-settings .info-item{display:flex;flex-direction:column;margin-bottom:1.25rem}.profile-settings .info-item:last-child{margin-bottom:0}.profile-settings .info-list.compact .info-item{margin-bottom:.75rem}.profile-settings .info-list.compact .info-label{font-size:.7rem}.profile-settings .info-list.compact .info-value{font-size:.95rem}.profile-settings .info-label{font-size:.65rem;color:#f7f2e799;text-transform:uppercase;letter-spacing:.18em;margin-bottom:.25rem}.profile-settings .info-value{font-weight:600;font-size:1.05rem;color:var(--text)}.profile-settings .profile-badges-card{display:flex;flex-direction:column;gap:1rem}.profile-settings .badge-placeholder{padding:1rem;border-radius:16px;border:1px dashed rgba(255,255,255,.18);color:#f7f2e799;text-align:center;background:#0c0d1299}.profile-settings .profile-actions{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.profile-settings .text-link{color:var(--accent);text-decoration:none;font-weight:600}.profile-settings .text-link:hover{text-decoration:underline}.profile-settings .error-card{text-align:center;padding:4rem 2rem;background:#0c0d1299;border-radius:22px;border:1px solid rgba(248,113,113,.3)}.profile-settings .error-message{color:#f87171;font-size:1.125rem;margin-bottom:1.5rem}@media(max-width:850px){.profile-settings .profile-grid{grid-template-columns:1fr}.profile-settings .profile-header-card{flex-direction:column;text-align:center;padding:2rem;gap:1.5rem}.profile-settings .profile-info{grid-template-columns:1fr;width:100%}.profile-settings .profile-account{text-align:left}.profile-settings .form-grid{grid-template-columns:1fr}.profile-settings .field-row{flex-direction:column;align-items:stretch}.profile-settings .field-row--compact{flex-direction:column;align-items:flex-start;gap:.5rem}.profile-settings .profile-actions{align-items:flex-start}}.profile-settings .profile-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 1.5rem}.profile-settings .profile-tab{border:1px solid rgba(255,255,255,.16);background:#0c0d12b3;color:var(--text);border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.profile-settings .profile-tab.active{border-color:#ff5b2e99;background:#ff5b2e2e}.profile-settings .profile-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:999px;background:#ff5b2ee6;color:#0b0f14;font-size:.75rem;font-weight:700}.profile-settings .profile-tab-panel{margin-top:.5rem}.profile-settings .profile-notifications-card{display:flex;flex-direction:column;gap:1rem}.profile-settings .notifications-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.profile-settings .notifications-list{display:flex;flex-direction:column;gap:.85rem}.profile-settings .notification-item{display:flex;align-items:stretch;gap:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0c0d12bf;box-shadow:var(--shadow-soft)}.profile-settings .notification-item.unread{border-color:#ff5b2e99;background:#ff5b2e1f}.profile-settings .notification-main{flex:1;background:transparent;border:none;padding:0;text-align:left;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.4rem}.profile-settings .notification-title{font-weight:700;font-size:1rem}.profile-settings .notification-message{color:var(--muted);line-height:1.5}.profile-settings .notification-meta{font-size:.75rem;color:#f7f2e799}.profile-settings .notification-delete{align-self:center;white-space:nowrap}.profile-settings .notifications-empty{padding:1.5rem 1rem;border-radius:16px;border:1px dashed rgba(255,255,255,.18);color:#f7f2e799;text-align:center;background:#0c0d1299}@media(max-width:720px){.profile-settings .notification-item{flex-direction:column;align-items:flex-start}.profile-settings .notification-delete{align-self:flex-start}}
