
.home-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.home-greeting{margin:4px 0 0;font-size:32px}
.mission-hero{padding:18px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#191919,#0b0b0b);border:1px solid var(--line);box-shadow:var(--shadow)}
.mission-hero-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.mission-hero h2{margin:5px 0 6px;font-size:28px}
.mission-hero p{margin:0;color:var(--muted)}
.mission-symbol{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:25px}
.mission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.mission-stats div{padding:11px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.mission-stats span,.dashboard-label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.55px}
.mission-stats strong{display:block;margin-top:4px;font-size:16px}
.mission-start{margin-top:14px}
.recovery-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-card,.xp-dashboard-card,.goal-card{padding:14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}
.dashboard-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.dashboard-card strong,.goal-card strong{display:block;margin-top:4px;font-size:24px}
.dashboard-icon{font-size:22px}
.mini-progress{height:8px;margin-top:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.mini-progress span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .35s ease}
.recovery-score-card{grid-column:1/-1}
.recovery-score-card p{margin:8px 0 0;color:var(--muted);font-size:12px}
.weekly-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.ring-card{display:flex;align-items:center;gap:15px;padding:14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}
.progress-ring{width:112px;height:112px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--progress)*1%),rgba(255,255,255,.08) 0);position:relative}
.progress-ring::after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:var(--surface)}
.progress-ring>div{position:relative;z-index:1;text-align:center}
.progress-ring strong{display:block;font-size:23px}
.progress-ring span{font-size:9px;color:var(--muted);letter-spacing:.7px}
.big-value{font-size:22px!important}
.ring-card p{margin:5px 0 0;color:var(--muted);font-size:11px}
.xp-foot{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:11px}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.quick-stats article{padding:12px 8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:center}
.quick-stats article span{font-size:20px}
.quick-stats article strong{display:block;margin-top:6px;font-size:18px}
.quick-stats article small{display:block;margin-top:3px;color:var(--muted)}
.home-goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.goal-card small{display:block;margin-top:5px;color:var(--muted)}
@media(max-width:620px){
  .weekly-grid,.home-goals-grid{grid-template-columns:1fr}
  .quick-stats{grid-template-columns:repeat(2,1fr)}
}
