.user-profile-container{background:#f8fcff;border-radius:2rem;box-shadow:0 6px 24px rgba(37,150,190,0.13);max-width:420px;margin:2.5rem auto;padding:3rem 2.5rem 2.5rem 2.5rem;border:3.5px solid #2596be}.user-profile-header h1{font-size:2.2rem;font-weight:700;margin-bottom:2.5rem;color:#2596be;text-align:center}.user-profile-fields{margin-bottom:2.5rem}.user-profile-row{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:2.5rem;font-size:1.18rem}.user-profile-label{font-weight:600;color:#2596be;min-width:155px;width:155px;display:flex;align-items:center;font-size:1.13em}.user-profile-value{color:#222;font-weight:400;text-align:left;flex:1;margin-left:1.2rem;word-break:break-word}.user-profile-input{width:70%;padding:0.5rem 0.8rem;border-radius:0.5rem;border:1px solid #d0d7de;font-size:1.1rem;background:#f8fafc}.user-profile-actions{display:flex;gap:1.2rem;justify-content:flex-end;margin-top:1.5rem}.btn.btn-modern-view{background:#2596be;color:#fff;border:none;font-weight:500;font-size:1.13rem;padding:0.6rem 1.7rem;border-radius:0.5rem}.btn.btn-modern-view:hover{background:#0074d9;color:#fff}.btn.btn-modern-edit{background:#2ecc40;color:#fff;border:none;font-weight:500;font-size:1.13rem;padding:0.6rem 1.7rem;border-radius:0.5rem}.btn.btn-modern-edit:hover{background:#27ae60;color:#fff}.btn-primary{background:#2596be;color:#fff;border:none}.btn-primary:hover{background:#0074d9}.btn-secondary{background:#e0e7ef;color:#2596be;border:none}.btn-secondary:hover{background:#b0c4d9;color:#222}.btn-danger{background:#e74c3c;color:#fff;border:none}.btn-danger:hover{background:#c0392b}