@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.sfm-dashboard{--ink:#f8f7fb;--muted:#aaa7b6;--line:rgba(255,255,255,.09);--pink:#ff4b7c;--purple:#8d76ff;position:relative;isolation:isolate;overflow:hidden;background:#0b0910;color:var(--ink);font:14px/1.5 'DM Sans',sans-serif;border-radius:28px;padding:28px;box-shadow:0 40px 100px rgba(15,7,19,.35)}
.sfm-dashboard *{box-sizing:border-box}.sfm-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(100px);opacity:.18}.sfm-glow-one{width:480px;height:480px;background:#ff2e6f;right:-180px;top:-160px}.sfm-glow-two{width:360px;height:360px;background:#724bff;left:-200px;bottom:0}.sfm-topbar,.sfm-hero,.sfm-panel-head,.sfm-brand,.sfm-status,.sfm-range,.sfm-bar-row>div{display:flex;align-items:center}.sfm-topbar{justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 22px}.sfm-brand img{width:106px;height:40px;object-fit:contain;object-position:left center}.sfm-brand>span{width:1px;height:34px;background:var(--line);margin:0 18px}.sfm-brand small,.sfm-panel small,.sfm-eyebrow{color:#7f7a8e;font-size:10px;letter-spacing:.18em;font-weight:700}.sfm-brand strong{display:block;font:700 15px 'Manrope';margin-top:2px}.sfm-status{gap:8px;color:#bdb9c7}.sfm-status i{width:7px;height:7px;border-radius:50%;background:#42d5b2;box-shadow:0 0 14px #42d5b2}.sfm-status button{margin-left:8px;background:#18151e;color:white;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer}.sfm-hero{justify-content:space-between;padding:48px 0 34px}.sfm-hero h2{font:700 clamp(32px,4.7vw,63px)/1.05 'Manrope';letter-spacing:-.05em;margin:9px 0}.sfm-hero h2 em{font-style:normal;color:var(--pink)}.sfm-hero>div>p:last-child{color:var(--muted);font-size:15px}.sfm-range{background:#15121a;border:1px solid var(--line);padding:4px;border-radius:13px}.sfm-range button{border:0;background:transparent;color:#8e8999;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer}.sfm-range button.active{background:#29232f;color:white;box-shadow:0 4px 14px #070609}.sfm-loading{min-height:360px;display:grid;place-content:center;text-align:center;color:var(--muted)}.sfm-loading span{width:42px;height:42px;margin:auto;border:2px solid #2b2632;border-top-color:var(--pink);border-radius:50%;animation:sfmspin .8s linear infinite}@keyframes sfmspin{to{transform:rotate(360deg)}}.sfm-error{padding:24px;border:1px solid rgba(255,75,124,.3);background:rgba(255,75,124,.08);border-radius:15px;color:#ffb2c8}.sfm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sfm-metrics article,.sfm-panel{background:linear-gradient(145deg,rgba(28,24,34,.96),rgba(18,15,23,.96));border:1px solid var(--line);border-radius:18px}.sfm-metrics article{padding:22px;position:relative}.sfm-metrics article.accent{background:linear-gradient(145deg,rgba(76,30,55,.8),rgba(28,20,37,.95));border-color:rgba(255,75,124,.22)}.sfm-icon{position:absolute;right:17px;top:15px;color:#6c6576}.sfm-metrics strong{display:block;font:700 31px 'Manrope';letter-spacing:-.04em;margin:10px 0 1px}.sfm-metrics p{margin:0;color:#777281;font-size:11px}.sfm-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.sfm-panel{padding:24px}.sfm-panel-head{justify-content:space-between}.sfm-panel h3{font:650 18px 'Manrope';margin:3px 0}.sfm-legend{font-size:11px;color:#85808f}.sfm-legend i{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:6px}.sfm-chart{height:245px;margin-top:13px}.sfm-chart svg{width:100%;height:100%;overflow:visible}.sfm-chart line{stroke:#302b36}.sfm-chart polyline{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.sfm-chart circle{fill:#fff;stroke:var(--pink);stroke-width:4}.sfm-insight{display:flex;gap:14px;align-items:center;padding:13px 15px;border-radius:12px;background:rgba(255,75,124,.07);border:1px solid rgba(255,75,124,.14);font-size:12px;color:#aba6b4}.sfm-insight b{color:#ff7399;white-space:nowrap}.sfm-score{text-align:center}.sfm-score>small,.sfm-score>h3{text-align:left;display:block}.sfm-ring{--score:0deg;width:172px;height:172px;border-radius:50%;margin:28px auto 20px;background:conic-gradient(var(--pink) var(--score),#29242f 0);display:grid;place-items:center;position:relative;box-shadow:0 0 42px rgba(255,75,124,.12)}.sfm-ring:before{content:'';position:absolute;inset:11px;border-radius:50%;background:#15121a}.sfm-ring span{position:relative}.sfm-ring strong{font:750 45px 'Manrope';display:block}.sfm-ring small{color:#77717f}.sfm-score p{color:#aaa5b2;font-size:12px;max-width:240px;margin:auto}.sfm-top-post{min-height:290px}.sfm-post{display:grid;grid-template-columns:35px 55px 1fr 20px;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-decoration:none!important;color:var(--ink)!important}.sfm-post:first-child{margin-top:12px}.sfm-post img{width:55px;height:48px;object-fit:cover;border-radius:9px}.sfm-rank{color:#5e5968;font:600 12px 'Manrope'}.sfm-post strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.sfm-post small{display:block;margin-top:3px;color:#797482;letter-spacing:0;font-weight:400}.sfm-breakdown{min-height:290px}.sfm-bar-row{margin-top:25px}.sfm-bar-row>div{justify-content:space-between;font-size:12px}.sfm-bar-row span{color:#aaa5b2}.sfm-bar-row i{display:block;height:7px;margin-top:9px;background:#29242f;border-radius:8px;overflow:hidden}.sfm-bar-row b{display:block;height:100%;border-radius:8px}.sfm-dashboard footer{display:flex;justify-content:space-between;color:#625d6a;font-size:11px;padding:22px 4px 0}.sfm-dashboard footer strong{color:#9993a3}.sfm-empty{color:var(--muted)}

/* Explicitly preserve the HTML hidden state. Component display rules and some
   WordPress themes otherwise override the browser's default [hidden] rule. */
.sfm-dashboard [hidden] {
  display: none !important;
}
@media(max-width:850px){.sfm-dashboard{padding:20px;border-radius:18px}.sfm-hero{align-items:flex-end}.sfm-metrics{grid-template-columns:repeat(2,1fr)}.sfm-grid{grid-template-columns:1fr}.sfm-brand>span,.sfm-brand>div{display:none}.sfm-status span{display:none}}@media(max-width:520px){.sfm-hero{display:block;padding:35px 0 25px}.sfm-range{width:max-content;margin-top:20px}.sfm-metrics{grid-template-columns:1fr 1fr}.sfm-metrics article{padding:16px}.sfm-metrics strong{font-size:25px}.sfm-post{grid-template-columns:24px 44px 1fr}.sfm-post img{width:44px;height:44px}.sfm-post>span{display:none}.sfm-dashboard footer{display:block}.sfm-dashboard footer span{display:block;margin-top:5px}}

/* Mesmerize/Bootstrap compatibility. Mesmerize's clearfix pseudo-elements can
   become anonymous grid items and push the real dashboard cards out of place. */
body .sfm-dashboard .sfm-metrics::before,
body .sfm-dashboard .sfm-metrics::after,
body .sfm-dashboard .sfm-grid::before,
body .sfm-dashboard .sfm-grid::after,
body .sfm-dashboard .sfm-topbar::before,
body .sfm-dashboard .sfm-topbar::after,
body .sfm-dashboard .sfm-hero::before,
body .sfm-dashboard .sfm-hero::after {
  content: none !important;
  display: none !important;
}
body .sfm-dashboard .sfm-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .sfm-dashboard .sfm-metrics > article {
  display: block !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 136px !important;
  margin: 0 !important;
  transform: none !important;
}
body .sfm-dashboard .sfm-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr) !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  max-width: none !important;
  gap: 12px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}
body .sfm-dashboard .sfm-grid > .sfm-panel {
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  body .sfm-dashboard .sfm-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body .sfm-dashboard .sfm-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 520px) {
  body .sfm-dashboard .sfm-metrics { grid-template-columns: 1fr !important; }
}

/* Full-bleed presentation inside Mesmerize's boxed page container. */
body .sfm-dashboard,
body .sfm-login-shell {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
}
body .sfm-dashboard { min-height: 100vh; padding: clamp(20px, 3vw, 48px) !important; }
.sfm-range-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.sfm-custom-range{display:flex;align-items:flex-end;gap:8px;padding:10px;background:#15121a;border:1px solid var(--line);border-radius:13px}.sfm-custom-range label{display:grid;gap:3px;color:#8e8999;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sfm-custom-range input{width:132px;background:#0d0b11;color:#f7f5fa;border:1px solid #332d3a;border-radius:8px;padding:7px;color-scheme:dark}.sfm-custom-range button{background:var(--pink);color:white;border:0;border-radius:8px;padding:9px 13px;font-weight:700;cursor:pointer}.sfm-status .sfm-logout{width:auto;height:34px;border-radius:9px;padding:0 11px;font-size:11px}.sfm-login-shell{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#0b0910;color:#f8f7fb;padding:24px;font:14px/1.5 'DM Sans',sans-serif}.sfm-login-shell *{box-sizing:border-box}.sfm-login-glow{position:absolute;z-index:-1;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,75,124,.24),rgba(95,58,219,.12) 45%,transparent 70%);filter:blur(25px)}.sfm-login-card{width:min(100%,450px);padding:44px;background:linear-gradient(145deg,rgba(30,25,36,.98),rgba(16,13,20,.98));border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.45)}.sfm-login-card>img{width:138px;height:50px;object-fit:contain;object-position:left;margin-bottom:32px}.sfm-login-card h2{font:750 34px/1.1 'Manrope',sans-serif;letter-spacing:-.04em;margin:7px 0}.sfm-login-intro{color:#aaa7b6;margin:0 0 28px}.sfm-login-card form{display:grid;gap:16px}.sfm-login-card label{display:grid;gap:7px;color:#c5c1cc;font-size:12px;font-weight:600}.sfm-login-card input{width:100%;background:#0d0b11!important;color:#fff!important;border:1px solid #37313e!important;border-radius:11px!important;padding:13px 14px!important;outline:none}.sfm-login-card input:focus{border-color:#ff4b7c!important;box-shadow:0 0 0 3px rgba(255,75,124,.12)}.sfm-login-card form>button{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#ff3f76,#8d5bff);color:white;border:0;border-radius:11px;padding:14px 16px;font-weight:750;cursor:pointer}.sfm-login-card form>button:disabled{opacity:.65}.sfm-login-error{padding:10px 12px;border-radius:9px;background:rgba(255,75,124,.1);color:#ff9db9;font-size:12px}.sfm-login-card>small{display:block;color:#686370;margin-top:24px;text-align:center}
@media(max-width:720px){body .sfm-dashboard{padding:18px!important}.sfm-topbar{align-items:flex-start}.sfm-status{flex-wrap:wrap;justify-content:flex-end}.sfm-hero{display:block}.sfm-hero h2{font-size:clamp(34px,12vw,52px)}.sfm-range-wrap{align-items:flex-start;margin-top:22px}.sfm-custom-range{width:100%;display:grid;grid-template-columns:1fr 1fr}.sfm-custom-range label,.sfm-custom-range input{width:100%}.sfm-custom-range button{grid-column:1/-1}.sfm-insight{align-items:flex-start;flex-direction:column}.sfm-login-card{padding:30px 24px}.sfm-status .sfm-logout{flex-basis:100%}}
