.profile-details{width:100%;min-width:0}.details-header{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.details-header h1{color:#fff;margin:0;font-size:1.8rem}.btn-edit{color:#fff;cursor:pointer;background:#ff1744;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-edit:hover{background:#e91c3c;transform:translateY(-2px);box-shadow:0 4px 12px #ff17444d}.message{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-weight:500}.message-success{color:#adf0b0;background:#4caf5024;border-left:4px solid #4caf50}.message-error{color:#ffc0c0;background:#f4433624;border-left:4px solid #f44336}.details-form{background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:2rem;display:grid}.profile-image-editor{border-bottom:1px solid #ffffff24;grid-column:1/-1;align-items:center;gap:1.25rem;padding-bottom:1.75rem;display:flex}.profile-image-preview,.detail-avatar{color:#fff;background:linear-gradient(135deg,#ff1744,#ff6a1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;display:flex;overflow:hidden;box-shadow:0 12px 30px #ff174447}.profile-image-preview img,.detail-avatar img{object-fit:cover;width:100%;height:100%}.profile-image-input{display:none}.btn-image{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:600;display:inline-flex}.btn-image:hover{background:#ffffff29}.profile-image-editor p{color:#ffffff94;margin:.55rem 0 0;font-size:.78rem}.form-group{margin-bottom:0}.form-group label{color:#fffc;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.form-group input{color:#fff;background:#0000003d;border:1px solid #ffffff24;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:#ffffff6b}.form-group input:focus{border-color:#ff1744;outline:none;box-shadow:0 0 0 3px #ff17441a}.form-actions{grid-column:1/-1;gap:1rem;margin-top:.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:#ff1744}.btn-primary:hover:not(:disabled){background:#e91c3c;transform:translateY(-2px);box-shadow:0 4px 12px #ff17444d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#fff;background:#ffffff1f;border:1px solid #ffffff29}.btn-secondary:hover:not(:disabled){background:#ffffff2e}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.details-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.detail-identity{background:radial-gradient(circle at 90% 10%,#ff174438,#0000 36%),#ffffff0f;border:1px solid #ffffff24;border-radius:12px;grid-column:1/-1;align-items:center;gap:1.5rem;min-height:160px;padding:1.5rem 1.75rem;display:flex}.detail-avatar{width:118px;height:118px;font-size:2.4rem;font-weight:700}.detail-identity__copy span{color:#ff526f;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800}.detail-identity__copy h2{color:#fff;margin:.35rem 0 0;font-size:1.8rem;line-height:1.15}.detail-identity__copy p{color:#ffffffa3;margin:.45rem 0 0;font-size:.95rem}.detail-item{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-height:138px;padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s}.detail-item:hover{border-color:#ff1744a3;transform:translateY(-2px);box-shadow:0 14px 30px #ff17441f}.detail-item label{color:#ffffff94;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.detail-item p{color:#fff;word-break:break-all;margin:0;font-size:1.1rem}.details-loading,.details-error{color:#ffffffb8;justify-content:center;align-items:center;min-height:300px;font-size:1rem;display:flex}.details-error{color:#ff1744}@media (max-width:768px){.details-header{text-align:center;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.4rem;padding-bottom:1.25rem}.details-header h1{word-break:normal;font-size:1.4rem;line-height:1.15}.btn-edit{justify-content:center;width:100%;min-height:58px}.details-form{grid-template-columns:1fr;gap:1rem;min-width:0;padding:1rem}.details-view{grid-template-columns:1fr;gap:1rem}.profile-image-editor{text-align:center;flex-direction:column}.detail-identity{text-align:center;flex-direction:column;gap:1rem;min-height:0;padding:1.25rem}.detail-avatar{width:86px;height:86px;font-size:1.8rem}.detail-identity__copy{width:100%;min-width:0}.detail-identity__copy h2{overflow-wrap:anywhere;font-size:1.35rem}.detail-identity__copy p{overflow-wrap:anywhere}.detail-item{min-height:0;padding:1rem}.detail-item p{overflow-wrap:anywhere;word-break:normal;font-size:1rem}.form-actions{flex-direction:column}.form-group input,.btn-primary,.btn-secondary{min-height:52px}}