:root{
  --mm-accent:#dfff00;
  --mm-panel:#11171b;
  --mm-panel-soft:#0c1114;
  --mm-line:#29343c;
  --mm-line-light:#35424a;
  --mm-muted:#8e9aa2;
  --mm-text:#f5f7f8;
}

.mm-profile-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  min-height:250px;
  overflow:hidden;
  margin:38px 0 14px;
  padding:34px;
  border:1px solid var(--mm-line);
  border-radius:22px;
  background:#0c1114;
}

.mm-profile-cover{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(7,10,12,.98) 0%,rgba(7,10,12,.86) 45%,rgba(7,10,12,.50) 100%),
    radial-gradient(circle at 84% 20%,rgba(223,255,0,.18),transparent 28%),
    linear-gradient(135deg,#10181c,#080b0d);
}

.mm-profile-cover::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:36px 36px;
}

.mm-profile-cover span{
  position:absolute;
  display:block;
  border:1px solid rgba(223,255,0,.12);
  border-radius:50%;
}
.mm-profile-cover span:nth-child(1){width:420px;height:420px;right:-90px;top:-230px}
.mm-profile-cover span:nth-child(2){width:280px;height:280px;right:80px;top:-130px}
.mm-profile-cover span:nth-child(3){width:160px;height:160px;right:210px;top:-50px}

.mm-profile-main,
.mm-profile-hero-side{
  position:relative;
  z-index:2;
}

.mm-profile-main{
  display:flex;
  align-items:center;
  gap:20px;
  min-width:0;
}

.mm-profile-avatar{
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  min-width:96px;
  overflow:hidden;
  border:3px solid var(--mm-accent);
  border-radius:50%;
  background:#192126;
  color:var(--mm-accent);
  font-size:38px;
  font-weight:900;
  box-shadow:0 0 0 8px rgba(223,255,0,.065),0 16px 34px rgba(0,0,0,.28);
}

.mm-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mm-profile-copy h1{
  margin:6px 0 10px;
  color:#fff;
  font-size:clamp(38px,5vw,58px);
  line-height:.95;
  letter-spacing:-.045em;
}

.mm-profile-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 16px;
  color:#9aa6ad;
  font-size:13px;
  font-weight:750;
}

.mm-profile-meta span,
.mm-profile-meta a{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.mm-profile-meta svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:var(--mm-accent);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mm-profile-meta a{
  color:var(--mm-accent);
}

.mm-profile-hero-side{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:16px;
}

.mm-profile-badge{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:245px;
  padding:14px;
  border:1px solid rgba(223,255,0,.24);
  border-radius:14px;
  background:rgba(9,13,16,.74);
  backdrop-filter:blur(10px);
}

.mm-profile-badge-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
  background:var(--mm-accent);
}

.mm-profile-badge-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:#080b0d;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mm-profile-badge strong,
.mm-profile-badge small{
  display:block;
}

.mm-profile-badge strong{color:#fff;font-size:14px}
.mm-profile-badge small{margin-top:3px;color:#8e9aa2;font-size:11px}

.profile-head-actions{
  display:flex;
  gap:10px;
}

.mm-dashboard-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

.mm-dashboard-stats article{
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:116px;
  padding:19px;
  border:1px solid var(--mm-line);
  border-radius:17px;
  background:linear-gradient(180deg,#11181c,#0d1316);
}

.mm-dashboard-stats article>small{
  position:absolute;
  right:17px;
  bottom:13px;
  color:#59666e;
  font-size:10px;
  font-weight:750;
}

.mm-stat-icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(223,255,0,.22);
  border-radius:14px;
  background:rgba(223,255,0,.055);
}

.mm-stat-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:var(--mm-accent);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mm-dashboard-stats strong,
.mm-dashboard-stats span{
  display:block;
}

.mm-dashboard-stats strong{
  color:#fff;
  font-size:35px;
  line-height:1;
}

.mm-dashboard-stats article>div>span{
  margin-top:6px;
  color:var(--mm-muted);
  font-size:12px;
  font-weight:750;
}

.mm-dashboard-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}

.mm-dashboard-actions>a{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:16px;
  border:1px solid var(--mm-line);
  border-radius:15px;
  background:#0e1417;
  color:#fff;
  transition:.2s ease;
}

.mm-dashboard-actions>a:hover{
  transform:translateY(-2px);
  border-color:var(--mm-accent);
  box-shadow:0 13px 28px rgba(0,0,0,.24);
}

.mm-dashboard-actions>a>span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(223,255,0,.07);
}

.mm-dashboard-actions svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:var(--mm-accent);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mm-dashboard-actions strong,
.mm-dashboard-actions small{
  display:block;
}

.mm-dashboard-actions strong{
  overflow:hidden;
  color:#f5f7f8;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mm-dashboard-actions small{
  overflow:hidden;
  margin-top:3px;
  color:#7f8c94;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mm-dashboard-actions b{
  color:var(--mm-accent);
  font-size:18px;
}

.mm-dashboard-lower{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);
  gap:14px;
  margin-bottom:30px;
}

.mm-activity-card,
.mm-profile-progress-card{
  border:1px solid var(--mm-line);
  border-radius:18px;
  background:linear-gradient(180deg,#11171b,#0d1316);
}

.mm-activity-card{
  padding:22px;
}

.mm-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.mm-section-head h2{
  margin:5px 0 0;
  color:#fff;
  font-size:24px;
}

.mm-section-head a{
  color:var(--mm-accent);
  font-size:12px;
  font-weight:800;
}

.mm-activity-list{
  display:grid;
  gap:10px;
}

.mm-activity-list article{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid #273139;
  border-radius:12px;
  background:#0c1114;
}

.mm-activity-list article>span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:10px;
  background:rgba(223,255,0,.07);
}

.mm-activity-list article>span.is-good{
  background:var(--mm-accent);
}

.mm-activity-list svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:var(--mm-accent);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mm-activity-list .is-good svg{
  stroke:#080b0d;
}

.mm-activity-list strong,
.mm-activity-list small{
  display:block;
}

.mm-activity-list strong{
  color:#f2f5f6;
  font-size:13px;
}

.mm-activity-list small{
  margin-top:3px;
  color:#7f8b93;
  font-size:11px;
}

.mm-profile-progress-card{
  padding:22px;
}

.mm-progress-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-top:5px;
}

.mm-progress-heading h3{
  margin:0;
  color:#fff;
  font-size:22px;
}

.mm-progress-heading strong{
  color:var(--mm-accent);
  font-size:30px;
}

.mm-profile-progress-track{
  height:7px;
  overflow:hidden;
  margin:13px 0 15px;
  border-radius:999px;
  background:#263038;
}

.mm-profile-progress-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--mm-accent);
}

.mm-profile-progress-card p{
  color:#87939a;
  font-size:12px;
  line-height:1.6;
}

.mm-profile-progress-card ul{
  display:grid;
  gap:7px;
  margin:14px 0;
  padding:0;
  list-style:none;
}

.mm-profile-progress-card li{
  position:relative;
  padding-left:21px;
  color:#748189;
  font-size:11px;
}

.mm-profile-progress-card li::before{
  content:"○";
  position:absolute;
  left:0;
  color:#59656c;
}

.mm-profile-progress-card li.is-done{
  color:#cbd4d8;
}

.mm-profile-progress-card li.is-done::before{
  content:"✓";
  color:var(--mm-accent);
}

.mm-profile-progress-card .button{
  width:100%;
  justify-content:center;
}

.profile-settings,
.contact-settings{
  scroll-margin-top:100px;
}

.mm-listings-section{
  margin-top:8px;
}

.mm-listings-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}

.mm-listings-heading h2{
  margin:5px 0 0;
  font-size:clamp(30px,4vw,40px);
}

.mm-profile-tabs{
  position:sticky;
  top:74px;
  z-index:8;
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:18px 0 20px;
  padding:10px;
  border:1px solid var(--mm-line);
  border-radius:14px;
  background:rgba(9,13,16,.92);
  backdrop-filter:blur(10px);
}

.mm-profile-tabs a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid var(--mm-line);
  border-radius:999px;
  background:#0e1316;
  color:#c8d0d4;
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
}

.mm-profile-tabs a:hover,
.mm-profile-tabs a.is-active{
  border-color:var(--mm-accent);
  background:var(--mm-accent);
  color:#080a0b;
}

.mm-profile-tabs a span{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  font-size:11px;
}

.mm-profile-tabs a.is-active span{
  background:rgba(0,0,0,.14);
}

.profile-listing-grid{
  display:grid;
  gap:14px;
}

.profile-listing-card{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--mm-line);
  border-radius:17px;
  background:linear-gradient(180deg,#11171b,#0d1316);
  transition:.2s ease;
}

.profile-listing-card:hover{
  transform:translateY(-2px);
  border-color:#48565f;
  box-shadow:0 15px 30px rgba(0,0,0,.22);
}

.profile-listing-photo{
  position:relative;
  min-height:205px;
  overflow:hidden;
  background:#090d0f;
}

.profile-listing-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}

.profile-listing-card:hover .profile-listing-photo img{
  transform:scale(1.035);
}

.profile-no-photo{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#657179;
}

.profile-listing-photo .status{
  position:absolute;
  left:12px;
  top:12px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(7,10,12,.85);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.profile-listing-photo .status-active{
  border-color:rgba(223,255,0,.36);
  color:var(--mm-accent);
}

.profile-listing-content{
  display:flex;
  flex-direction:column;
  gap:15px;
  padding:21px;
}

.profile-listing-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.profile-listing-top p{
  margin:0 0 6px;
  color:#77848b;
  font-size:11px;
}

.profile-listing-top h3{
  margin:0;
  font-size:22px;
}

.profile-listing-top h3 a{
  color:#f4f6f7;
}

.profile-listing-top>strong{
  flex:0 0 auto;
  color:var(--mm-accent);
  font-size:24px;
  white-space:nowrap;
}

.profile-listing-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.profile-listing-meta span{
  padding:7px 9px;
  border:1px solid #2b353c;
  border-radius:9px;
  background:#0b1013;
  color:#9ca8ae;
  font-size:11px;
}

.profile-listing-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #273139;
}

.profile-listing-actions .admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}

@media(max-width:1100px){
  .mm-dashboard-actions{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:980px){
  .mm-profile-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .mm-profile-hero-side{
    align-items:flex-start;
    width:100%;
  }

  .mm-profile-badge{
    min-width:0;
    width:100%;
  }

  .mm-dashboard-stats{
    grid-template-columns:1fr 1fr;
  }

  .mm-dashboard-lower{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .mm-profile-hero{
    min-height:0;
    padding:25px 20px;
  }

  .mm-profile-main{
    align-items:flex-start;
  }

  .mm-profile-avatar{
    width:76px;
    height:76px;
    min-width:76px;
    font-size:30px;
  }

  .profile-head-actions{
    width:100%;
  }

  .profile-head-actions .button{
    flex:1 1 145px;
    justify-content:center;
  }

  .profile-listing-card{
    grid-template-columns:1fr;
  }

  .profile-listing-photo{
    min-height:230px;
    aspect-ratio:16/9;
  }
}

@media(max-width:560px){
  .mm-dashboard-stats,
  .mm-dashboard-actions{
    grid-template-columns:1fr;
  }

  .mm-profile-main{
    flex-direction:column;
  }

  .mm-profile-copy h1{
    font-size:42px;
  }

  .mm-listings-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .mm-listings-heading .button{
    width:100%;
    justify-content:center;
  }

  .profile-listing-top{
    flex-direction:column;
    gap:12px;
  }

  .profile-listing-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .profile-listing-actions>.button,
  .profile-listing-actions .admin-actions,
  .profile-listing-actions .admin-actions .button{
    width:100%;
  }

  .profile-listing-actions .admin-actions{
    flex-direction:column;
  }
}