/* V160 — sidebar / flyout / goals final layer */
@media (min-width:769px){
  :root{--sidebar-w:220px!important}
  .sidebar{width:var(--sidebar-w)!important;padding:18px 14px 16px!important;overflow:visible!important}
  .main-shell{margin-left:var(--sidebar-w)!important;width:calc(100% - var(--sidebar-w))!important}
  .side-brand{padding:4px 8px 18px!important;gap:10px!important}
  .side-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .side-brand strong{font-size:18px!important;letter-spacing:.01em!important}
  .side-brand span{font-size:9px!important;letter-spacing:.08em!important}
  .side-nav{gap:5px!important;overflow:visible!important}
  .side-nav>button,.nav-group>.nav-group-trigger{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:11px!important;font-size:13px!important;gap:10px!important;white-space:nowrap!important}
  .nav-icon{width:22px!important;min-width:22px!important;font-size:17px!important;display:grid!important;place-items:center!important}
  .nav-text{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
  .nav-group{position:relative!important;overflow:visible!important}
  .nav-flyout{left:calc(100% + 10px)!important;right:auto!important;top:0!important;bottom:auto!important;width:336px!important;min-width:336px!important;max-width:336px!important;max-height:70vh!important;padding:9px!important;border-radius:16px!important;z-index:50000!important;overflow-y:auto!important;overflow-x:hidden!important;box-shadow:0 18px 55px rgba(28,45,72,.22)!important;background:rgba(255,255,255,.985)!important}
  .nav-flyout button{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important;padding:11px 12px!important;text-align:left!important;border-radius:11px!important;white-space:normal!important}
  .nav-flyout button>span{width:32px!important;min-width:32px!important;font-size:18px!important}
  .nav-flyout button b{font-size:13px!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  .nav-flyout button small{font-size:10.5px!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  .nav-group:hover>.nav-flyout,.nav-group.open>.nav-flyout{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
body[data-active-page="goalsPage"] [data-go="goalsPage"]{color:#fff!important;background:linear-gradient(135deg,#297ef0,#3e99ff)!important;box-shadow:0 8px 18px rgba(47,131,245,.24)!important}
#goalsPage{background:#f6f8fb!important;background-image:none!important;min-height:100dvh!important;padding:28px!important;isolation:isolate!important}
.goals-shell{max-width:1180px;margin:0 auto;display:grid;gap:18px}
.goals-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e7edf5;border-radius:22px;padding:24px 26px;box-shadow:0 10px 28px rgba(32,56,85,.06)}
.goals-hero h1{margin:4px 0 6px;font-size:34px;color:#172b45}.goals-hero p{margin:0;color:#728198}.goals-rank{min-width:160px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#eef5ff,#f8fbff);text-align:right}.goals-rank small,.goals-rank span{display:block;color:#71839a;font-size:11px}.goals-rank strong{display:block;font-size:26px;color:#2375df;margin:2px 0}
.goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.goal-editor{background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(32,56,85,.05)}.goal-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.goal-card-head span{font-size:10px;font-weight:800;color:#2f83f5;letter-spacing:.08em}.goal-card-head h2{margin:3px 0 0;font-size:18px;color:#1f3550}.goal-card-head strong{font-size:27px;color:#152b46}.goal-editor input[type="range"]{width:100%;accent-color:#2f83f5}.goal-scale{display:flex;justify-content:space-between;color:#94a0af;font-size:10px;margin-top:5px}
.goal-progress-panel{background:#fff;border:1px solid #e7edf5;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(32,56,85,.06)}.goal-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.goal-progress-head h2{margin:3px 0 0;color:#1f3550}.goal-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.goal-progress-grid article{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #edf1f5}.goal-progress-grid span,.goal-progress-grid b,.goal-progress-grid small{display:block}.goal-progress-grid span{font-size:11px;color:#74849a}.goal-progress-grid b{font-size:20px;color:#203750;margin:4px 0 10px}.goal-progress-grid i{display:block;height:8px;background:#e8edf4;border-radius:99px;overflow:hidden}.goal-progress-grid u{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f83f5,#3db77d);border-radius:99px;transition:width .3s ease}.goal-progress-grid small{margin-top:7px;font-size:10px;color:#8795a8}
.goal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.goal-actions button{border:1px solid #e7edf5;background:#fff;border-radius:17px;padding:16px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;text-align:left;box-shadow:0 8px 22px rgba(32,56,85,.05)}.goal-actions button>span{grid-row:1/3;font-size:24px;color:#2f83f5}.goal-actions button b{font-size:13px;color:#203750}.goal-actions button small{font-size:10px;color:#8997a9}.goal-save-msg{min-height:20px;text-align:center;font-size:12px;color:#2878dc;font-weight:700}
@media(max-width:900px){.goals-grid,.goal-progress-grid,.goal-actions{grid-template-columns:1fr 1fr}.goals-hero{align-items:flex-start}.goals-rank{min-width:130px}}
@media(max-width:768px){#goalsPage{padding:14px 12px 92px!important}.goals-hero{padding:18px;flex-direction:column}.goals-rank{width:100%;text-align:left}.goals-grid,.goal-progress-grid,.goal-actions{grid-template-columns:1fr}.goals-hero h1{font-size:28px}.goal-progress-head{align-items:flex-start;flex-direction:column}}