.container{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 6%, rgba(239,154,130,.18), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(255,213,154,.24), transparent 28%),
    linear-gradient(180deg,#FFF8F1 0%,#FFFDF8 52%,#F8F3EF 100%);
}

.subpage-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px;
  position:sticky;
  top:0;
  z-index:10;
  background:rgba(255,250,246,.94);
  border-bottom:0.5px solid #F0DDD2;
  backdrop-filter:blur(10px);
}
.back-btn{font-size:15px;color:#D9826B;font-weight:800;}
.sp-title{font-size:16px;font-weight:800;color:#3B2A25;}

.profile-warm-hero,
.profile-status-card,
.trial-status-card,
.profile-facts-card,
.quick-entry-card,
.edit-form{
  background:rgba(255,255,255,.9);
  border:0.5px solid #F0DDD2;
  box-shadow:0 8px 17px rgba(140,84,58,.08);
}

.profile-warm-hero{
  position:relative;
  min-height:190px;
  margin:10px 12px 8px;
  border-radius:21px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(240,124,163,.24), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(255,214,145,.32), transparent 30%),
    linear-gradient(135deg,#fff7f8,#fff4ea);
}
.profile-warm-glow{position:absolute;border-radius:50%;filter:blur(4px);}
.profile-warm-glow.one{width:110px;height:110px;top:-25px;right:-15px;background:rgba(255,171,196,.34);}
.profile-warm-glow.two{width:90px;height:90px;left:-20px;bottom:-25px;background:rgba(255,223,172,.36);}

.profile-detail-header{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:27px 15px 20px;
}
.pdh-avatar,
.avatar-btn{
  width:82px;
  height:82px;
  border-radius:50%;
  background:linear-gradient(135deg,#E39176,#D9826B)!important;
  color:#fff;
  font-size:26px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 11px 22px rgba(217,130,107,.24);
}
.pdh-avatar-img,
.avatar-preview{
  width:82px;
  height:82px;
  border-radius:50%;
  box-shadow:0 11px 22px rgba(217,130,107,.22);
  border:3px solid #fff;
}
.avatar-edit{display:flex;justify-content:center;margin-bottom:13px;}
.avatar-btn{padding:0;overflow:hidden;font-size:13px;}
.avatar-btn::after{border:none;}

.pdh-name{margin-top:10px;font-size:21px;font-weight:900;color:#3B2A25;}
.pdh-role{
  margin-top:5px;
  min-height:22px;
  padding:4px 9px;
  border-radius:499.5px;
  background:#FFF1EA;
  color:#C97854;
  font-size:11px;
  font-weight:900;
  box-sizing:border-box;
}
.profile-hero-note{
  max-width:260px;
  margin-top:8px;
  text-align:center;
  font-size:11px;
  line-height:1.6;
  color:#8A746B;
}
.profile-care-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:11px}
.profile-care-tags text{
  min-height:22px;
  padding:4px 9px;
  border-radius:499.5px;
  background:#FFF1EA;
  color:#C97854;
  font-size:11px;
  font-weight:900;
  box-sizing:border-box;
}

.profile-status-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin:0 12px 7px;
}
.profile-status-card{
  padding:12px;
  border-radius:15px;
}
.profile-status-label{display:block;font-size:12px;color:#8A746B;}
.profile-status-value{display:block;margin-top:5px;font-size:17px;font-weight:900;color:#3B2A25;}
.profile-status-card.secondary{opacity:.78;}

.trial-status-card{
  margin:12px;
  padding:12px;
  border-radius:15px;
}
.trial-status-head{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.trial-status-title{font-size:14px;font-weight:900;color:#3B2A25;}
.trial-status-badge{
  min-height:22px;
  padding:4px 9px;
  border-radius:499.5px;
  font-size:11px;
  font-weight:900;
  box-sizing:border-box;
}
.trial-status-badge.free{background:#F7F0EC;color:#927C73;}
.trial-status-badge.trial{background:#FFF5DF;color:#B87825;}
.trial-status-badge.member{background:#FFF1EA;color:#C97854;}
.trial-status-meta{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:11.5px;
  line-height:1.6;
  color:#8A746B;
}

.profile-facts-card{
  margin:5px 12px 12px;
  padding:12px;
  border-radius:15px;
}
.profile-facts-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.profile-facts-copy{display:flex;flex-direction:column;gap:4px;}
.profile-facts-title{font-size:15px;font-weight:900;color:#3B2A25;}
.profile-facts-note{font-size:12px;line-height:1.5;color:#8A746B;}
.profile-facts-edit{
  min-width:56px;
  height:28px;
  padding:0 11px;
  border-radius:499.5px;
  background:#FFF4EA;
  color:#C97854;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  box-sizing:border-box;
}
.profile-facts-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:10px;
}
.profile-fact{
  min-height:66px;
  padding:11px;
  border-radius:12px;
  background:linear-gradient(180deg,#FFFDFC 0%,#FFF6F0 100%);
  border:0.5px solid #F6E5DB;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.profile-fact-label{font-size:12px;color:#A1887D;font-weight:700;}
.profile-fact-value{
  margin-top:9px;
  font-size:15px;
  line-height:1.35;
  color:#3B2A25;
  font-weight:900;
  word-break:break-all;
}
.profile-fact-value.muted{color:#7B675E;}

.edit-form{
  margin:0 12px 17px;
  padding:15px 13px;
  border-radius:17px;
}
.form-title{font-size:16px;font-weight:900;color:#3B2A25;text-align:center;margin-bottom:15px;}
.form-group{margin-bottom:13px;}
.form-label{display:block;margin-bottom:6px;padding-left:2px;font-size:13.5px;font-weight:800;color:#8A746B;}
.form-input{
  background:#FFFDF8;
  border:1px solid #F0DDD2;
  border-radius:10px;
  padding:11px 12px;
  font-size:14px;
  color:#3B2A25;
}
.gender-picker{display:flex;gap:10px;}
.gender-opt{
  flex:1;
  text-align:center;
  padding:9px 0;
  border-radius:9px;
  font-size:14px;
  color:#7A6670;
  background:#FFFDF8;
  border:1px solid transparent;
}
.gender-opt.active{background:#FFF1EA;color:#C97854;border-color:#E8B09B;font-weight:800;}

.save-btn{
  width:100%;
  background:linear-gradient(135deg,#E39176,#D9826B)!important;
  color:#fff;
  box-shadow:0 6px 15px rgba(217,130,107,.22);
}
.cancel-btn{
  width:100%;
  margin-top:8px;
  background:#FFF4EA;
  color:#5A3B31;
}

.quick-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:7px;
  margin:0 12px 20px;
}
.quick-entry-card{
  position:relative;
  min-height:58px;
  padding:11px 11px 11px 41px;
  border-radius:15px;
}
.quick-entry-card.secondary{opacity:.78;}
.quick-entry-icon{
  position:absolute;
  left:11px;
  top:12px;
  width:22px;
  height:22px;
  line-height:22px;
  text-align:center;
  border-radius:8px;
  background:#FFF4EA;
  color:#5A3B31;
  font-size:11.5px;
  font-weight:900;
}
.quick-entry-title{display:block;font-size:15px;font-weight:900;color:#3B2A25;}
.quick-entry-desc{display:block;margin-top:4px;font-size:11.5px;line-height:1.6;color:#8A746B;}