:root {
  --ink: #18312b;
  --muted: #75827e;
  --green: #245f50;
  --green-dark: #173f35;
  --green-soft: #e8f2ed;
  --cream: #f5f5f0;
  --white: #ffffff;
  --line: #e7eae5;
  --orange: #d88953;
  --red: #cf6a63;
  --blue: #6387a5;
  --shadow: 0 12px 35px rgba(28, 55, 47, .07);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; overflow-x:hidden }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, .nav-item, .timeline-item { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.app-shell { min-height: 100vh;display:none }
body.authenticated .app-shell { display:block }
body:not(.authenticated) .notification-center,
body:not(.authenticated) .drawer-overlay,
body:not(.authenticated) .mobile-bottom-nav,
body:not(.authenticated) .install-coach { display:none!important }

.auth-screen { min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);background:#f5f5f0 }
body.authenticated .auth-screen { display:none }
.auth-visual { padding:52px clamp(42px,6vw,88px);background:radial-gradient(circle at 20% 80%,rgba(137,185,164,.2),transparent 34%),linear-gradient(145deg,#123b31,#1d5948);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden }
.auth-visual::after { content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-160px;top:110px;box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018) }
.auth-brand { display:flex;align-items:center;gap:12px;position:relative;z-index:1 }
.auth-brand .brand-mark,.auth-mobile-brand .brand-mark { width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:end;justify-content:center;gap:3px;padding:8px;transform:rotate(-4deg) }
.auth-brand .brand-mark span,.auth-mobile-brand .brand-mark span { width:4px;background:#c2d9cd;border-radius:3px 3px 0 0 }
.auth-brand .brand-mark span:nth-child(1),.auth-mobile-brand .brand-mark span:nth-child(1){height:9px}.auth-brand .brand-mark span:nth-child(2),.auth-mobile-brand .brand-mark span:nth-child(2){height:17px}.auth-brand .brand-mark span:nth-child(3),.auth-mobile-brand .brand-mark span:nth-child(3){height:13px}
.auth-brand strong { display:block;font:800 23px/1 "Manrope" }.auth-brand small { color:#8eafa2;font-size:8px;letter-spacing:1.5px }
.auth-message { margin:auto 0;max-width:620px;position:relative;z-index:1 }
.auth-message>span { color:#8fb6a6;font-size:8px;font-weight:800;letter-spacing:2px }
.auth-message h1 { font-size:clamp(34px,4.3vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:17px 0 20px }
.auth-message p { max-width:470px;color:#abc1b8;font-size:13px;line-height:1.7 }
.auth-benefits { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1 }
.auth-benefits>div { border-top:1px solid rgba(255,255,255,.13);padding-top:13px }
.auth-benefits strong,.auth-benefits span { display:block }.auth-benefits strong { color:#6f9989;font:800 10px "Manrope";margin-bottom:5px }.auth-benefits span { color:#b8cbc3;font-size:8px;line-height:1.5 }
.auth-panel { display:grid;place-items:center;padding:38px;background:linear-gradient(135deg,#fafaf7,#eff2ed) }
.auth-card { width:min(470px,100%);background:#fff;border:1px solid #e5e9e4;border-radius:24px;padding:34px;box-shadow:0 25px 70px rgba(23,63,53,.1) }
.auth-mobile-brand { display:none }
.auth-card h2 { font-size:26px;letter-spacing:-1px;margin:0 0 7px }.auth-card>p { color:#82908a;font-size:10px;margin-bottom:22px }
.auth-tabs { display:grid;grid-template-columns:1fr 1fr;background:#f1f3f0;border-radius:11px;padding:4px;margin-bottom:21px }
.auth-tabs button { border:0;background:transparent;border-radius:8px;padding:9px;font-size:9px;font-weight:800;color:#82908a;cursor:pointer }
.auth-tabs button.active { background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(25,59,49,.08) }
.auth-form { display:none }.auth-form.active { display:block;animation:pageIn .25s ease }
.auth-form>label,.auth-password-row>label { display:block;font-size:8px;font-weight:800;color:#596963;margin-bottom:13px }
.auth-input { height:46px;display:flex;align-items:center;gap:9px;border:1px solid #dde3df;border-radius:11px;background:#fafbf9;padding:0 12px;margin-top:6px;transition:.2s }
.auth-input:focus-within { border-color:#77a18f;box-shadow:0 0 0 3px #e8f1ed;background:#fff }
.auth-input>svg { width:15px;color:#799087;flex:0 0 auto }
.auth-input input { width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px;color:var(--ink) }
.auth-input button { border:0;background:none;color:var(--green);font-size:7px;font-weight:800;cursor:pointer }
.auth-password-row { display:grid;grid-template-columns:1fr 1fr;gap:10px }
.auth-options { display:flex;align-items:center;justify-content:space-between;margin:1px 0 16px }
.auth-options label { display:flex;align-items:center;gap:7px;font-size:8px;color:#71807a;cursor:pointer }.auth-options input { accent-color:var(--green) }
.auth-options button { border:0;background:none;color:var(--green);font-size:8px;font-weight:700;cursor:pointer }
.auth-submit { width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#1b5142,#2d705b);color:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(31,91,73,.2) }
.auth-submit:disabled { opacity:.6;cursor:wait }.auth-submit svg { width:15px }
.auth-error { min-height:14px;color:#b85650!important;font-size:8px!important;margin:-5px 0 7px!important }
.auth-success { min-height:14px;color:#3f7059!important;font-size:8px!important;margin:-5px 0 7px!important }
.auth-subtitle-text { font-size:8px;color:#71807a;margin:0 0 16px;line-height:1.6 }
.auth-back-link { display:block;width:100%;text-align:center;border:0;background:none;color:var(--green);font-size:8px;font-weight:700;cursor:pointer;margin-top:12px;padding:0 }
.auth-privacy { background:#f3f7f4;border-radius:9px;padding:9px 11px;color:#71827b!important;font-size:7px!important;margin:0 0 11px!important }
.profile-modal { width:min(430px,100%) }
.profile-modal-head { display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line) }
.profile-large-avatar { width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#dcebe4,#c9ddd4);color:var(--green-dark);display:grid;place-items:center;font:800 16px "Manrope" }
.profile-modal-head h2 { margin:0 0 3px }.profile-modal-head p { margin:0;color:#84918c;font-size:9px }
.profile-account-info { display:flex;align-items:center;justify-content:space-between;background:#f2f6f3;border-radius:12px;padding:12px 14px;margin:16px 0 }
.profile-account-info small,.profile-account-info strong { display:block }.profile-account-info small { color:#899890;font-size:6px;letter-spacing:1px }.profile-account-info strong { font-size:9px;margin-top:3px }
.profile-account-info>span { color:#397560;font-size:7px;font-weight:800 }
.profile-switch-button { width:100%;display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left;cursor:pointer }
.account-tab-panel .profile-switch-button+.profile-switch-button { margin-top:8px }
.profile-switch-button>svg:first-child { width:15px;height:15px;padding:8px;box-sizing:content-box;border-radius:9px;background:#edf4f1;color:var(--green) }
.profile-switch-button>svg:last-child { width:14px }.profile-switch-button strong,.profile-switch-button small { display:block }.profile-switch-button strong { font-size:9px }.profile-switch-button small { color:#89958f;font-size:7px;margin-top:2px }
.profile-logout-button { width:100%;border:0;background:#fbefed;color:#ad514c;border-radius:11px;padding:11px;margin-top:9px;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer }.profile-logout-button svg { width:12px }
.sidebar { width: 254px; position: fixed; inset: 0 auto 0 0; background: var(--green-dark); color: #fff; padding: 30px 22px 20px; display: flex; flex-direction: column; z-index: 30; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 9px 35px; }
.brand-mark { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.22); border-radius: 11px; display: flex; align-items: end; justify-content: center; gap: 3px; padding: 8px; transform: rotate(-4deg); }
.brand-mark span { width: 4px; background: #c2d9cd; border-radius: 3px 3px 0 0; }
.brand-mark span:nth-child(1) { height: 9px; }.brand-mark span:nth-child(2) { height: 17px; }.brand-mark span:nth-child(3) { height: 13px; }
.brand strong { font: 800 22px/1 "Manrope", sans-serif; letter-spacing: -.7px; display: block; }
.brand small { color: #9eb6ac; font-size: 9px; letter-spacing: 1.35px; text-transform: uppercase; }
.main-nav { flex: 1; }
.nav-label { font-size: 9px; font-weight: 700; letter-spacing: 1.7px; color: #6f9084; margin: 17px 12px 8px; }
.nav-item { width: 100%; border: 0; background: transparent; color: #a7bdb5; display: flex; align-items: center; gap: 13px; border-radius: 11px; padding: 11px 13px; margin: 3px 0; cursor: pointer; font-size: 14px; text-align: left; transition: .2s ease; }
.nav-item svg { width: 18px; height: 18px; }
.nav-item span { flex: 1; }
.nav-item em { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.08); font-size: 10px; font-style: normal; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); transform: translateX(2px); }
.nav-item.active { color: #fff; background: rgba(255,255,255,.115); box-shadow: inset 3px 0 #9fc3b3; }
.sidebar-quote { margin: 18px 6px; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: rgba(255,255,255,.035); position: relative; }
.quote-mark { font: 700 36px/1 Georgia, serif; color: #7da595; height: 22px; }
.sidebar-quote p { font-size: 11px; line-height: 1.55; color: #c5d4ce; margin: 5px 0 8px; }
.sidebar-quote span { font-size: 9px; color: #6f9084; }
.profile-card { border: 0; border-top: 1px solid rgba(255,255,255,.08); background: none; color: #fff; display: flex; align-items: center; gap: 10px; padding: 18px 7px 0; text-align: left; cursor: pointer; }
.avatar { width: 37px; height: 37px; flex: 0 0 auto; border-radius: 12px; display: grid; place-items: center; background: #d7e2dc; color: var(--green-dark); font-size: 11px; font-weight: 800; }
.profile-card span { flex: 1; }.profile-card strong, .profile-card small { display: block; }.profile-card strong { font-size: 11px; }.profile-card small { color: #789589; margin-top: 2px; font-size: 9px; }.profile-card svg { width: 17px; color: #789589; }

.main { margin-left: 254px; min-height: 100vh; }
.topbar { height: 78px; background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; padding: 0 38px; position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); }
.search-box { width: min(360px, 34vw); display: flex; align-items: center; gap: 10px; color: #93a09b; }
.search-box svg { width: 18px; }
.search-box input { border: 0; outline: 0; width: 100%; color: var(--ink); background: transparent; font-size: 12px; }
.search-box input::placeholder { color: #a1aba7; }
.search-box kbd { font-family: inherit; font-size: 9px; padding: 4px 7px; border: 1px solid #e1e5e1; border-radius: 6px; background: #f8f9f7; white-space: nowrap; }
.top-actions { display: flex; align-items: center; gap: 11px; }
.date-pill { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #65726d; padding-right: 13px; border-right: 1px solid var(--line); }
.date-pill svg { width: 16px; }
.icon-btn { width: 36px; height: 36px; border: 1px solid var(--line); background: #fff; border-radius: 10px; display: grid; place-items: center; cursor: pointer; }
.icon-btn svg { width: 17px; }
.notification-btn { position: relative; }.notification-btn span { position: absolute; right: 7px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #d96a5e; border: 1px solid #fff; }
.primary-btn { border: 0; color: white; background: var(--green); padding: 11px 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 11px; font-weight: 700; font-size: 11px; cursor: pointer; box-shadow: 0 7px 15px rgba(36,95,80,.17); transition: .2s; }
.primary-btn:hover { background: var(--green-dark); transform: translateY(-1px); box-shadow: 0 9px 20px rgba(36,95,80,.22); }
.primary-btn svg { width: 16px; height: 16px; }
.mobile-menu { display: none; }
.content { padding: 34px 38px 55px; max-width: 1700px; margin: 0 auto; }
.page { display: none; animation: pageIn .35s ease; }.page.active { display: block; }
@keyframes pageIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.eyebrow { display: block; font-size: 9px; letter-spacing: 1.5px; font-weight: 800; color: #8c9994; margin-bottom: 7px; }
.welcome-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-family: "Manrope", sans-serif; }
.welcome-row h1, .section-heading h1 { font-size: clamp(25px, 2.4vw, 34px); letter-spacing: -1.35px; margin-bottom: 7px; }
.welcome-row h1 span { font-size: .8em; }
.welcome-row p, .section-heading p { color: var(--muted); font-size: 12px; margin-bottom: 0; }
.daily-score { display: flex; align-items: center; gap: 11px; padding: 8px 14px 8px 9px; border-radius: 15px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.mini-ring { --progress: 75; width: 47px; height: 47px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--green) calc(var(--progress) * 1%), #e5ebe7 0); position: relative; }
.mini-ring::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: white; }
.mini-ring strong { position: relative; font: 800 14px "Manrope"; }.daily-score span small, .daily-score span strong { display: block; }.daily-score span small { font-size: 8px; letter-spacing: 1px; color: #93a09b; }.daily-score span strong { font-size: 11px; margin-top: 3px; }

.summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 17px; }
.metric-card { background: white; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 19px 15px; box-shadow: 0 6px 22px rgba(28,55,47,.035); overflow: hidden; position: relative; min-width: 0; }
.metric-card::after { content:""; position:absolute; width:90px; height:90px; border-radius:50%; right:-42px; top:-42px; background:var(--tint); opacity:.55; }
.metric-card.finance { --accent: #2c7461; --tint:#dcece5 }.metric-card.tasks { --accent:#6b84a1; --tint:#e4ebf1 }.metric-card.workout { --accent:#c7774d; --tint:#f3e4dc }.metric-card.nutrition { --accent:#7e9562; --tint:#e8edde }
.metric-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; position: relative; z-index: 1; }
.metric-icon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent) 11%, white); color: var(--accent); }
.metric-icon svg { width: 17px; }
.status { font-size: 8px; padding: 5px 7px; border-radius: 8px; font-weight: 800; letter-spacing: .2px; white-space: nowrap; }
.status.positive { color: #34715e; background: #e7f2ed; }.status.neutral { color: #6d7773; background: #f0f2ef; }.status.negative { color: #b05a52; background: #f7e6e4; }
.metric-card > p { font-size: 10px; color: #83908b; margin-bottom: 5px; }
.metric-card h2 { font-size: 20px; letter-spacing: -.6px; margin-bottom: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.metric-card h2 small { font: 500 9px "DM Sans"; color: #909b97; }
.metric-bottom { display: flex; gap: 13px; border-top: 1px solid #eef0ed; padding-top: 10px; font-size: 8px; color: #86918d; }
.metric-bottom span { flex: 1; }.metric-bottom strong { display: block; color: #40504a; margin: 3px 0 0 9px; font-size: 9px; }
.dot, .legend { width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 4px; }.income { background: var(--green); }.expense { background: #d79a71; }
.progress { height: 5px; border-radius: 10px; background: #edf0ed; overflow: hidden; }.progress span, .progress i { display: block; height: 100%; border-radius: inherit; background: var(--accent, var(--green)); }
.metric-caption { font-size: 8px; color: #8b9692; margin-top: 8px; }.metric-caption.split { display: flex; align-items: center; justify-content: space-between; }.metric-caption strong { color: #46564f; }.metric-caption svg { width: 12px; height: 12px; vertical-align: -3px; }.metric-caption button { width: 25px; height: 25px; border: 0; border-radius: 8px; background: #f3f5f3; cursor: pointer; }.metric-caption button svg { width: 12px; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(310px, .78fr); gap: 17px; margin-bottom: 17px; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: 0 6px 25px rgba(28,55,47,.035); }
.panel-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.panel-head h3 { font-size: 15px; margin-bottom: 0; letter-spacing: -.3px; }
.head-actions { display: flex; align-items: center; gap: 16px; }
.period-select { border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 7px 10px; color: #77837e; font-size: 9px; cursor: pointer; }
.ghost-link, .full-link { display: flex; align-items: center; gap: 5px; border: 0; background: none; color: var(--green); font-weight: 700; font-size: 9px; cursor: pointer; }
.ghost-link svg, .full-link svg { width: 12px; height: 12px; }
.cash-summary { display: flex; gap: 28px; margin-bottom: 6px; padding-left: 37px; }
.cash-summary div { font-size: 8px; color: #8b9692; }.cash-summary div:first-child { margin-right: auto; }
.cash-summary strong { display: block; font: 700 12px "Manrope"; color: var(--ink); margin-top: 3px; }.cash-summary div:first-child strong { font-size: 16px; }
.chart-wrap { height: 205px; position: relative; padding: 7px 4px 24px 36px; }
.y-axis { position: absolute; left: 0; top: 10px; bottom: 27px; display: flex; flex-direction: column; justify-content: space-between; font-size: 8px; color: #a4ada9; }
.line-chart { width: 100%; height: 100%; overflow: visible; }
.grid-lines line { stroke: #edf0ed; stroke-width: 1; stroke-dasharray: 3 4; }
.area { fill: url(#areaGreen); stroke: none; }.income-line { fill: none; stroke: #347864; stroke-width: 2.5; }.expense-line { fill: none; stroke: #d4956c; stroke-width: 2; stroke-dasharray: 5 5; }
.chart-points circle:first-child { fill: #fff; stroke: #347864; stroke-width: 2; }.chart-points circle:last-child { fill: #347864; stroke: none; }
.x-axis { position: absolute; bottom: 4px; left: 35px; right: 0; display: flex; justify-content: space-between; font-size: 8px; color: #9ca6a2; }
.chart-tooltip { position: absolute; left: 67%; top: 22px; background: var(--green-dark); color: #fff; border-radius: 9px; padding: 8px 11px; box-shadow: 0 8px 20px rgba(23,63,53,.23); display: flex; flex-direction: column; min-width: 100px; }
.chart-tooltip::after { content:""; position:absolute; bottom:-5px; left:16px; width:10px; height:10px; background:inherit; transform:rotate(45deg); }
.chart-tooltip span { font-size: 7px; letter-spacing: 1px; color: #91b1a5; }.chart-tooltip strong { font-size: 10px; margin: 2px 0; }.chart-tooltip small { font-size: 7px; color: #b8ccc4; }
.today-panel { padding-bottom: 13px; }
.today-panel .panel-head { margin-bottom: 9px; }
.timeline-item { display: grid; grid-template-columns: 38px 16px 1fr auto; align-items: center; min-height: 48px; gap: 8px; cursor: pointer; position: relative; }
.timeline-item::before { content:""; position:absolute; left:53px; top:32px; bottom:-16px; width:1px; background:#e5e9e6; }.timeline-item:last-child::before { display:none; }
.timeline-item .time { font-size: 8px; color:#9ca6a2; }.timeline-item input { display:none; }.timeline-item i { width:14px; height:14px; border:2px solid #c9d1cd; border-radius:50%; background:#fff; z-index:1; position:relative; }
.timeline-item.done i { border-color:#6f9d8d; background:#6f9d8d; }.timeline-item.done i::after { content:"✓"; color:#fff; position:absolute; font:700 8px sans-serif; left:2px; top:0; }
.timeline-item.current i { border-color:#d28559; }.timeline-item.current i::after { content:""; position:absolute; inset:3px; background:#d28559; border-radius:50%; }
.timeline-item div strong, .timeline-item div small { display:block; }.timeline-item div strong { font-size:10px; font-family:"DM Sans"; }.timeline-item div small { font-size:8px; color:#96a09c; margin-top:2px; }.timeline-item.done div strong { color:#85908c; text-decoration:line-through; }
.timeline-item em { font-size:7px; font-style:normal; letter-spacing:.8px; color:#bb6b44; background:#f7e8df; padding:4px 6px; border-radius:6px; }
.full-link { border-top:1px solid #edf0ed; width:100%; justify-content:center; padding-top:13px; margin-top:9px; }
.bottom-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:17px; }
.goals-list { display:flex; flex-direction:column; gap:13px; }
.goal-row { display:grid; grid-template-columns:35px 1fr 33px; gap:11px; align-items:center; }
.goal-icon { width:35px; height:35px; border-radius:10px; display:grid; place-items:center; font-size:13px; }.goal-icon.travel { background:#f3e9df; color:#b56f42; }.goal-icon.health { background:#f3e2e2; color:#bd6864; }.goal-icon.learn { background:#e5ebf2; color:#607f9d; }
.goal-info span { display:flex; align-items:center; justify-content:space-between; margin-bottom:7px; }.goal-info strong { font:600 10px "DM Sans"; }.goal-info em { font-size:8px; color:#929d98; font-style:normal; }.goal-info .progress { height:4px; }.goal-row b { font-size:10px; text-align:right; }
.wellness-content { display:flex; align-items:center; gap:25px; }
.wellness-ring { width:115px; flex:0 0 115px; position:relative; }.wellness-ring svg { width:100%; height:100%; transform:rotate(-90deg); }.wellness-ring circle { fill:none; stroke:#edf0ed; stroke-width:8; }.wellness-ring .value { stroke:#4d8675; stroke-dasharray:206 252; stroke-linecap:round; }.wellness-ring > span { position:absolute; inset:0; display:grid; place-content:center; text-align:center; }.wellness-ring strong { font:800 25px "Manrope"; }.wellness-ring small { font-size:6px; letter-spacing:1px; color:#83918c; }
.wellness-stats { flex:1; display:flex; flex-direction:column; gap:10px; }.wellness-stats > div { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; }
.well-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; }.well-icon svg { width:14px; }.well-icon.sleep { background:#e7e8f1; color:#6c74a1; }.well-icon.water { background:#e1edf2; color:#5f8c9e; }.well-icon.active { background:#f4e5dc; color:#c8774f; }
.wellness-stats p { margin:0; }.wellness-stats p strong, .wellness-stats p small { display:block; }.wellness-stats p strong { font:600 10px "DM Sans"; }.wellness-stats p small { font-size:8px; color:#929d98; }.wellness-stats em { font-size:7px; font-style:normal; color:#6e7c77; }

.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:27px; }.section-heading h1 { margin-bottom:7px; }
.section-heading .primary-btn { min-width:130px; }
.finance-hero, .workout-hero { background:linear-gradient(135deg,#173f35,#2e6c5b); color:white; border-radius:22px; padding:28px 31px; display:grid; grid-template-columns:1.25fr repeat(3,.65fr); gap:22px; align-items:center; margin-bottom:18px; box-shadow:0 15px 35px rgba(23,63,53,.15); }
.balance-block span, .finance-mini span { color:#a8c2b8; font-size:9px; }.balance-block h2 { font-size:30px; letter-spacing:-1px; margin:6px 0; }.balance-block small { font-size:8px; color:#c0d2cb; }.balance-block small svg { width:12px; height:12px; color:#9ed0bc; vertical-align:-3px; }
.finance-mini { border-left:1px solid rgba(255,255,255,.13); padding-left:22px; }.finance-mini strong { display:block; font:700 16px "Manrope"; margin:5px 0 11px; }.finance-mini i { display:block; width:100%; height:4px; background:rgba(255,255,255,.15); border-radius:4px; position:relative; }.finance-mini i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--w); background:#9bc5b4; border-radius:inherit; }.finance-mini i.warning::after { background:#e4a87d; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.budget-list { display:flex; flex-direction:column; gap:18px; }.budget-list > div { display:grid; grid-template-columns:10px 1fr 32% 28px; gap:10px; align-items:center; }.category-dot { width:8px; height:8px; border-radius:50%; }.category-dot.home { background:#5f887c; }.category-dot.food { background:#d69a68; }.category-dot.transport { background:#6688a4; }.category-dot.leisure { background:#b17f9e; }
.budget-list p { margin:0; }.budget-list strong,.budget-list small { display:block; }.budget-list strong { font:600 10px "DM Sans"; }.budget-list small { color:#8d9994; font-size:8px; margin-top:2px; }.budget-list b { font-size:9px; }.budget-list .progress i.danger { background:#d48661; }
.transaction-list { display:flex; flex-direction:column; }.transaction-list > div { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #eff1ef; }.transaction-list > div:last-child { border:0; }.transaction-icon { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; font-size:13px; background:#edf2ef; color:#4d7d6f; }.transaction-list p { margin:0; }.transaction-list p strong,.transaction-list p small { display:block; }.transaction-list p strong { font:600 10px "DM Sans"; }.transaction-list p small { font-size:8px;color:#94a09b;margin-top:2px }.transaction-list b { font-size:9px }.transaction-list .money-in { color:#3c7b67; }.transaction-list-empty{padding:24px 5px;text-align:center;color:#8b9792;font-size:9px}

.finance-hero{grid-template-columns:1.1fr 1.3fr}.finance-mini-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:2px}.finance-mini-scroll .finance-mini{border-left:1px solid rgba(255,255,255,.13);padding-left:18px;min-width:120px;flex-shrink:0}.finance-mini-scroll .finance-mini:first-child{border-left:0;padding-left:0}.finance-mini-empty{color:#bcd2c9;font-size:9px;align-self:center}
.section-actions{display:flex;align-items:center;gap:9px}
.loose-head{margin-bottom:16px}
.finance-category-chart{display:flex;flex-direction:column;gap:11px}.finance-cat-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center}.finance-cat-row>span{font-size:13px;text-align:center}.finance-cat-row p{margin:0;min-width:0}.finance-cat-row strong,.finance-cat-row small{display:block}.finance-cat-row strong{font-size:9px;font-weight:700}.finance-cat-row small{font-size:7px;color:#8d9994;margin-top:2px}.finance-cat-row .progress{margin-top:6px}.finance-cat-row b{font-size:9px;font-weight:800;white-space:nowrap}.finance-category-chart-empty{text-align:center;color:#8b9792;font-size:9px;padding:30px 5px}
.finance-mini-list{display:flex;flex-direction:column;gap:9px}.finance-mini-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border:1px solid #e8ebe8;background:#fafbf9;border-radius:11px;padding:9px 11px;cursor:pointer}.finance-mini-row:hover{border-color:#9eb8ae}.finance-mini-row>span{width:30px;height:30px;border-radius:9px;background:#eff3f0;display:grid;place-items:center;font-size:13px}.finance-mini-row p{margin:0;min-width:0}.finance-mini-row strong,.finance-mini-row small{display:block}.finance-mini-row strong{font-size:9px;font-weight:700}.finance-mini-row small{font-size:7px;color:#929d98;margin-top:2px}.finance-mini-row b{font-size:9px;font-weight:800;white-space:nowrap}.finance-mini-row b.overdue-amount{color:#bc5d55}.finance-mini-empty-row{text-align:center;color:#8b9792;font-size:8px;padding:18px 5px}

.finance-list-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.finance-list-toolbar .task-search{flex:1;min-width:180px}.finance-list-toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;height:36px;padding:0 10px;font-size:8px;color:#66756f}
.finance-bill-list{display:flex;flex-direction:column;gap:9px}.finance-bill-row{display:grid;grid-template-columns:34px 1fr auto auto auto;gap:12px;align-items:center;background:#fff;border:1px solid #e8ebe8;border-radius:13px;padding:12px 14px}.finance-bill-row.is-overdue{border-left:3px solid #c45f57}.finance-bill-row.is-paid{opacity:.6}.finance-bill-row.is-paid p strong{text-decoration:line-through}.finance-bill-row>span.bill-icon{width:34px;height:34px;border-radius:10px;background:#eff3f0;display:grid;place-items:center;font-size:14px}.finance-bill-row p{margin:0;min-width:0}.finance-bill-row strong,.finance-bill-row small{display:block}.finance-bill-row strong{font-size:10px;font-weight:700}.finance-bill-row small{font-size:7px;color:#8d9994;margin-top:3px}.finance-bill-row small.adjust-note{color:#a5793f}.finance-bill-amount{font-size:11px;font-weight:800;white-space:nowrap}.finance-bill-amount.income-amount{color:#3c7b67}.finance-bill-status{font-size:6px;font-weight:800;letter-spacing:.5px;padding:4px 8px;border-radius:6px;white-space:nowrap;text-align:center}.finance-bill-status.status-open{background:#eef2ee;color:#66756f}.finance-bill-status.status-overdue{background:#f7e6e4;color:#b05a52}.finance-bill-status.status-paid{background:#e6efe9;color:#3f7059}.finance-bill-actions{display:flex;gap:6px}.finance-bill-actions button{border:0;background:#eef2ee;color:#4e7368;border-radius:8px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.finance-bill-actions button.bill-edit-btn{background:#eef0ee;color:#5d6c66}.finance-bill-actions button svg{width:12px}.finance-bill-empty{text-align:center;color:#8b9792;font-size:9px;padding:34px 5px}
.finance-account-grid,.finance-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.finance-account-card{border-radius:16px;padding:18px;color:#fff;position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.finance-account-card span.acc-type{font-size:7px;letter-spacing:1px;opacity:.8}.finance-account-card strong.acc-name{font-size:12px;font-weight:700;display:block;margin-top:4px}.finance-account-card .acc-bank{display:flex;align-items:center;gap:6px;font-size:7px;opacity:.85;margin-top:6px}.finance-account-card .acc-bank .bank-logo{width:18px;height:18px;border-radius:5px;padding:2px}.finance-account-card .acc-balance{font-size:19px;font-weight:800;margin-top:10px}.finance-account-card .acc-actions{display:flex;gap:6px;position:absolute;right:14px;top:14px}.finance-account-card .acc-actions button{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:7px;width:24px;height:24px;display:grid;place-items:center;cursor:pointer}.finance-account-card .acc-actions svg{width:11px}
.card-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.card-top .bank-logo.card-bank-logo{width:auto;height:30px;min-width:46px;border-radius:7px;padding:4px 8px}.card-top .bank-logo.card-bank-logo img{height:100%;width:auto;max-width:80px}.card-top span{font-size:7px;letter-spacing:1px;opacity:.8;width:100%}.card-top strong{font-size:13px;font-weight:700;width:100%}
.finance-card-card{border-radius:16px;padding:18px;color:#fff;position:relative;min-height:165px;display:flex;flex-direction:column;justify-content:space-between}.finance-card-card .acc-actions{display:flex;gap:6px;position:absolute;right:14px;top:14px}.finance-card-card .acc-actions button{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:7px;width:24px;height:24px;display:grid;place-items:center;cursor:pointer}.finance-card-card .acc-actions svg{width:11px}.card-top span{font-size:7px;letter-spacing:1px;opacity:.8;display:block}.card-top strong{font-size:13px;font-weight:700;display:block;margin-top:3px}.card-number{font-size:11px;letter-spacing:2px;opacity:.85;margin-top:14px}.card-limit-row{margin-top:14px}.card-limit-row .progress{background:rgba(255,255,255,.18);margin-top:6px}.card-limit-row .progress i{background:#fff}.card-limit-row .progress i.danger{background:#e4a87d}.card-limit-text{display:flex;justify-content:space-between;font-size:8px;opacity:.9}.card-invoice-note{font-size:8px;margin-top:10px;background:rgba(255,255,255,.14);border-radius:9px;padding:8px 10px}

.kind-toggle{display:flex;gap:6px;background:#f0f3f0;border-radius:11px;padding:5px;margin-bottom:16px}.kind-toggle button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px;font-size:9px;font-weight:800;color:#76847e;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.kind-toggle button svg{width:13px}.kind-toggle button.active{background:#fff;color:var(--green);box-shadow:0 3px 9px rgba(25,55,46,.08)}
.task-form-grid.four{grid-template-columns:repeat(4,1fr)}
.task-form-grid.two{grid-template-columns:1fr 1fr}
.hidden-field{display:none!important}
.due-date-adjust-note{display:none;font-size:8px;color:#a5793f;background:#fbf1e4;border-radius:9px;padding:8px 10px;margin:-4px 0 14px}.due-date-adjust-note.show{display:block}
.color-swatch-label{display:block;font-size:8px;font-weight:800;color:#5d6c66;margin-bottom:8px}.color-swatch-row{display:flex;gap:8px;margin-bottom:16px}.color-swatch-row button{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-swatch-row button.active{border-color:#3a4a44}
.bank-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:10px}.bank-picker-grid button{border:1px solid var(--line);background:#fafbfa;border-radius:10px;padding:8px 4px;cursor:pointer;font-size:6px;color:#687770;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.bank-picker-grid button.active{border-color:#6f9d8d;background:#edf5f1;color:var(--green);font-weight:800}.bank-picker-grid button span.bank-name{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bank-logo{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:8px;font-weight:800;color:#76847e;background:#fff;flex-shrink:0;overflow:hidden;box-sizing:border-box;padding:3px;border:1px solid #eceeec}.bank-logo img{width:100%;height:100%;object-fit:contain}.bank-logo.bank-logo-other{background:#eceeec;color:#76847e;font-size:13px;border:0}.bank-picker-other-field{display:none;margin-top:0}.bank-picker-other-field.show{display:block}
.bank-color-note{display:none;font-size:7px;color:#8d9994;margin:-6px 0 14px}.bank-color-note.show{display:block}
.field-hint{font-size:7px;color:#8d9994;margin:-6px 0 14px}
.goal-modal label.simple-goal-field{display:flex;align-items:center;gap:9px;background:#f5f7f5;border-radius:12px;padding:13px;margin-bottom:14px;cursor:pointer}.simple-goal-field input{width:16px;height:16px;accent-color:#4e846f;margin:0!important}
.goals-empty{grid-column:1/-1;text-align:center;color:#8b9792;padding:50px 5px;background:#fff;border:1px dashed var(--line);border-radius:18px}.goals-empty span{font-size:24px;display:block}.goals-empty strong{display:block;font-size:10px;margin-top:10px}.goals-empty small{display:block;font-size:8px;margin-top:4px}
.goal-row{cursor:pointer}
.goal-modal label.link-account-field{display:flex;align-items:center;gap:9px;background:#f5f7f5;border-radius:12px;padding:12px;margin-bottom:0;cursor:pointer}.link-account-field input{width:16px;height:16px;accent-color:#4e846f;margin:0!important;flex-shrink:0}
#goalLinkAccountSelectField{margin-top:9px}
.big-goal.is-overdue{border-left:3px solid #c45f57}.big-goal footer time.late{color:#bc5d55;font-weight:700}.big-goal.is-completed{opacity:.75}.goal-completed-badge{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:800;color:#3f7059;background:#e6efe9;border-radius:6px;padding:3px 7px;margin-left:6px}
@media(max-width:560px){.bank-picker-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.finance-hero{grid-template-columns:1fr}.finance-mini-scroll{padding-bottom:6px}.task-form-grid.four{grid-template-columns:1fr 1fr}.finance-bill-row{grid-template-columns:30px 1fr auto;grid-template-areas:none}.finance-bill-status{grid-column:2;justify-self:start}.finance-bill-actions{grid-column:3}}

.task-overview, .workout-stats, .goal-overview { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--line); border-radius:16px; margin-bottom:18px; }.task-overview div, .workout-stats div, .goal-overview > div { padding:17px 21px; border-right:1px solid var(--line); }.task-overview div:last-child,.workout-stats div:last-child,.goal-overview > div:last-child{border:0}.task-overview strong,.task-overview span,.workout-stats span,.workout-stats strong,.workout-stats small,.goal-overview span,.goal-overview strong,.goal-overview small{display:block}.task-overview strong,.workout-stats strong,.goal-overview strong{font:800 20px "Manrope";}.task-overview span,.workout-stats span,.goal-overview span{font-size:9px;color:#86928d;margin-top:2px}.workout-stats small,.goal-overview small{font-size:8px;color:#98a29e;margin-top:3px}
.task-board { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:start; }.task-column { background:#ecefea; border-radius:16px; padding:13px; min-height:420px; }.column-head { display:flex; justify-content:space-between; align-items:center; padding:2px 4px 12px; }.column-head span { font-size:9px; font-weight:800; letter-spacing:1px; }.column-head span b { background:#dfe4df; border-radius:6px; padding:3px 6px; margin-left:4px; }.column-head button { border:0;background:none;font-size:20px;color:#82908a;cursor:pointer}.task-card { background:#fff;border:1px solid #e3e7e3;border-radius:13px;padding:15px;margin-bottom:10px;box-shadow:0 4px 12px rgba(31,57,49,.035);cursor:grab}.task-card:active{cursor:grabbing}.task-card.active-task{border-left:3px solid var(--green)}.priority{font-size:7px;font-weight:800;letter-spacing:.8px;padding:4px 6px;border-radius:5px;display:inline-block;margin-bottom:9px}.priority.high{color:#b05a52;background:#f7e6e4}.priority.medium{color:#a57545;background:#f5ebdf}.priority.low{color:#668077;background:#e8efeb}.task-card h4{font:700 11px "Manrope";margin-bottom:6px}.task-card p{color:#85918c;font-size:9px;line-height:1.5;margin-bottom:12px}.task-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f0;padding-top:10px;color:#84908b;font-size:8px}.sub-progress{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.sub-progress span{display:flex;gap:3px;flex:1}.sub-progress i{height:3px;flex:1;background:#5d8c7d;border-radius:3px}.sub-progress i:last-child{background:#e3e8e4}.sub-progress small{font-size:8px;margin-left:8px;color:#8c9893}.completed{opacity:.7}.completed h4{text-decoration:line-through}.complete-check{width:19px;height:19px;border-radius:6px;background:#e2eee8;color:#3f7966;display:grid;place-items:center;font-size:10px;margin-bottom:8px}

/* Tasks */
.task-alert-center { background:linear-gradient(135deg,#173f35,#245f50);color:#fff;border-radius:18px;padding:19px 21px;margin-bottom:17px;box-shadow:0 12px 30px rgba(23,63,53,.12) }
.task-alert-head { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px }.task-alert-head h3{font-size:15px;margin:0}.task-alert-head .eyebrow{color:#8fb4a6}
.task-alert-tabs { display:flex;gap:5px;background:rgba(255,255,255,.08);border-radius:10px;padding:4px }.task-alert-tabs button{border:0;background:transparent;color:#a8c2b8;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:700;cursor:pointer}.task-alert-tabs button.active{background:#fff;color:var(--green-dark)}.task-alert-tabs b{margin-left:4px}
.task-alert-list { display:grid;grid-template-columns:repeat(3,1fr);gap:8px }.task-alert-list>button{min-width:0;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.065);color:#fff;border-radius:12px;padding:10px;display:grid;grid-template-columns:32px 1fr auto 13px;gap:9px;align-items:center;text-align:left;cursor:pointer}.task-alert-list>button:hover{background:rgba(255,255,255,.11)}.task-alert-list>button>svg{width:13px;color:#83a99b}.task-alert-list p,.task-alert-list strong,.task-alert-list small{display:block;margin:0;min-width:0}.task-alert-list strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-alert-list small{font-size:7px;color:#a9c0b7;margin-top:2px}.task-alert-list em{font-size:7px;font-style:normal;color:#d8e5e0}.task-alert-icon{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:10px}.task-alert-icon.high{background:#8d4d45}.task-alert-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;padding:12px}.task-alert-empty>span{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.1);display:grid;place-items:center}.task-alert-empty p,.task-alert-empty strong,.task-alert-empty small{display:block;margin:0}.task-alert-empty strong{font-size:8px}.task-alert-empty small{font-size:7px;color:#9eb9af;margin-top:2px}
.task-empty-banner{display:none;align-items:center;gap:14px;background:linear-gradient(135deg,#173f35,#245f50);color:#fff;border-radius:16px;padding:16px 19px;margin-bottom:16px}.task-empty-banner.show{display:flex}.task-empty-banner>span{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:15px;flex-shrink:0}.task-empty-banner div{flex:1;min-width:0}.task-empty-banner strong{display:block;font-size:11px}.task-empty-banner small{display:block;font-size:8px;color:#bcd2c9;margin-top:3px}.task-empty-banner button{border:0;background:#fff;color:var(--green-dark);border-radius:10px;padding:10px 14px;font-size:8px;font-weight:800;cursor:pointer;flex-shrink:0}
.task-toolbar-secondary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.task-toolbar-secondary-right{display:flex;align-items:center;gap:14px}.import-tasks-label{cursor:pointer}
.bulk-action-bar{display:none;align-items:center;gap:10px;position:sticky;bottom:14px;z-index:8;background:#16352c;color:#fff;border-radius:14px;padding:11px 15px;margin-bottom:14px;box-shadow:0 15px 35px rgba(20,52,43,.25);flex-wrap:wrap}.bulk-action-bar.show{display:flex}.bulk-action-bar>span{font-size:8px;color:#bcd2c9}.bulk-action-bar select,.bulk-action-bar input{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;height:30px;padding:0 8px;font-size:8px}.bulk-action-bar button{border:0;border-radius:8px;height:30px;padding:0 12px;font-size:8px;font-weight:800;cursor:pointer;background:#fff;color:var(--green-dark)}.bulk-action-bar button.bulk-delete{background:#7d3b35;color:#fff}.bulk-action-bar button.bulk-cancel{background:transparent;color:#cfe0d9;border:1px solid rgba(255,255,255,.18)}
.task-card-select,.agenda-row-select{width:18px;height:18px;border-radius:6px;border:2px solid #ccd5d0;background:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;color:#fff;font-size:9px;visibility:hidden}.bulk-mode .task-card-select,.bulk-mode .agenda-row-select{visibility:visible}.task-card-select.is-selected,.agenda-row-select.is-selected{background:#4e846f;border-color:#4e846f}.task-card-header-actions{display:flex;align-items:center;gap:7px}.task-card.selected{border-color:#4e846f;box-shadow:0 0 0 2px #bcd9cc}.agenda-row.selected{border-color:#4e846f;box-shadow:0 0 0 2px #bcd9cc}.sub-progress-line{display:flex;align-items:center;gap:5px;margin:7px 0;color:#6c8079;font-size:7px;font-weight:700}.sub-progress-line svg{width:10px}.secondary-btn.active{background:var(--green);color:#fff;border-color:var(--green)}
.task-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag-chip{font-size:6px;font-weight:700;color:#4e7368;background:#e8f1ed;border-radius:6px;padding:3px 6px}.task-completion-note{font-size:7px;color:#6c8079;background:#f2f5f3;border-radius:8px;padding:7px 9px;margin-top:8px;line-height:1.4}.agenda-note{display:block;color:#6c8079;background:#f2f5f3;border-radius:6px;padding:4px 7px;margin-top:4px;white-space:normal!important}
.subtask-block{background:#f5f7f5;border-radius:13px;padding:13px;margin-bottom:14px}.subtask-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.subtask-head strong{font-size:9px;font-weight:800;color:#3a4a44}.subtask-head small{font-size:7px;color:#8b9792}.subtask-list{display:flex;flex-direction:column;gap:6px;margin-bottom:9px}.subtask-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8ebe8;border-radius:9px;padding:7px 9px}.subtask-row input[type=checkbox]{width:15px;height:15px;accent-color:#4e846f;flex-shrink:0}.subtask-row span{flex:1;font-size:9px;min-width:0}.subtask-row.subtask-done span{text-decoration:line-through;color:#9aa49f}.subtask-row button{border:0;background:none;color:#b5605a;cursor:pointer;flex-shrink:0}.subtask-row button svg{width:11px}.subtask-add-row{display:flex;gap:7px}.subtask-add-row input{flex:1;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;font-size:9px;outline:none}.subtask-add-row button{width:32px;border:0;background:var(--green);color:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer}.subtask-add-row svg{width:13px}.subtask-empty{font-size:7px;color:#9aa49f;text-align:center;padding:6px}
.completion-note-modal{width:min(440px,100%)}.completion-note-modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;outline:none;background:#fafbfa;font-size:10px;resize:vertical;margin-bottom:14px}.completion-note-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.completion-note-actions>button:first-child{border:0;background:none;color:#76847e;font-size:8px;font-weight:700;cursor:pointer}
.recurring-badge{background:#e6efe9!important;color:#3f7059!important}
.task-toolbar { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px }.task-view-tabs{display:flex;gap:4px;padding:4px;background:#e8ece8;border-radius:11px}.task-view-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px;color:#76847e;font-size:8px;font-weight:800;cursor:pointer}.task-view-tabs button.active{background:#fff;color:var(--green);box-shadow:0 3px 9px rgba(25,55,46,.08)}.task-view-tabs svg{width:13px}.task-filters{display:flex;gap:7px}.task-filters select,.task-search{border:1px solid var(--line);background:#fff;border-radius:10px;height:36px;color:#66756f;font-size:8px}.task-filters select{padding:0 28px 0 9px}.task-search{display:flex;align-items:center;gap:6px;padding:0 10px;width:190px}.task-search svg{width:13px;color:#8e9a95}.task-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:8px}
.task-view{display:none}.task-view.active{display:block;animation:pageIn .25s}.task-column{background:#edf0ec;border:1px solid #e5e9e5;transition:.2s}.task-column.drag-over{background:#e2ece7;border-color:#8fb4a5}.task-column-list{min-height:340px}.done-column{background:#f1f2ef}.task-card{cursor:grab;transition:.2s;position:relative}.task-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(31,57,49,.08)}.task-card.dragging{opacity:.4;transform:rotate(1deg)}.task-card.overdue{border-left:3px solid #c45f57}.task-card>header{display:flex;align-items:center;justify-content:space-between}.task-card>header button{border:0;background:none;color:#8e9994;cursor:pointer}.task-card>header svg{width:14px}.task-card .priority{margin:0}.task-card-check{display:grid;grid-template-columns:22px 1fr;gap:9px;margin:11px 0}.task-card-check>button{width:20px;height:20px;border:2px solid #ccd5d0;border-radius:7px;background:#fff;color:#fff;display:grid;place-items:center;font-size:9px;cursor:pointer}.task-card.completed .task-card-check>button{background:#4e846f;border-color:#4e846f}.task-card-check h4{margin:1px 0 5px}.task-card-check p{margin:0}.task-card footer time.late{color:#bc5d55;font-weight:700}.task-card-meta{display:flex;gap:6px;margin-top:8px}.task-card-meta span{font-size:6px;color:#75857e;background:#eff3f0;border-radius:6px;padding:4px 6px}.task-column-empty{min-height:220px;display:grid;place-content:center;text-align:center;color:#8b9792;padding:20px}.task-column-empty>span{width:34px;height:34px;border:1px dashed #bfc9c4;border-radius:10px;display:grid;place-items:center;margin:0 auto 8px}.task-column-empty strong,.task-column-empty small{display:block}.task-column-empty strong{font-size:8px}.task-column-empty small{font-size:7px;margin-top:3px}
.task-calendar-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;min-width:0}.task-view#taskCalendarView.active{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:15px}.task-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.task-calendar-head h3{font-size:17px;margin:0}.task-calendar-head>div:last-child{display:flex;gap:5px}.task-calendar-head button{height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 10px;font-size:7px;font-weight:700;cursor:pointer}.task-calendar-head button svg{width:12px}.task-calendar-head button:nth-child(2) svg{transform:rotate(180deg)}.task-calendar-weekdays,.task-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.task-calendar-weekdays span{text-align:center;color:#9aa49f;font-size:7px;font-weight:800;padding:7px}.task-calendar-day{min-width:0;min-height:86px;border:0;border-top:1px solid #eef0ed;border-right:1px solid #eef0ed;background:#fff;padding:7px;text-align:left;cursor:pointer;position:relative}.task-calendar-day:nth-child(7n){border-right:0}.task-calendar-day:hover,.task-calendar-day.selected{background:#eff5f2}.task-calendar-day.outside{color:#bbc2bf;background:#fafbfa}.task-calendar-day.today>span{background:var(--green);color:#fff}.task-calendar-day>span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:800}.calendar-holiday{display:block;color:#b65f57;font-size:6px;line-height:1.2;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-calendar-day>div{position:absolute;left:7px;right:7px;bottom:8px;display:flex;align-items:center;gap:3px}.task-calendar-day i{width:6px;height:6px;border-radius:50%;background:#d39a65}.task-calendar-day i.high{background:#c3625a}.task-calendar-day i.low{background:#779a8d}.task-calendar-day i.done{background:#55a07f}.task-calendar-day em{font-size:6px;color:#89958f;font-style:normal;margin-left:2px}.task-calendar-legend{display:flex;gap:18px;padding-top:13px;border-top:1px solid #edf0ed;font-size:7px;color:#82908b}.task-calendar-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.holiday-dot{background:#c3625a}.task-dot{background:#d39a65}.done-dot{background:#55a07f}
.calendar-day-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;align-self:start;position:sticky;top:95px}.calendar-day-panel header{padding-bottom:14px;border-bottom:1px solid #edf0ed}.calendar-day-panel header>span{font-size:7px;text-transform:uppercase;color:#87948e}.calendar-day-panel h3{font-size:16px;margin:4px 0}.calendar-day-panel header p{font-size:7px;color:#b35c54;margin:7px 0 0}.calendar-day-panel>div{display:flex;flex-direction:column;gap:7px;padding:13px 0}.calendar-day-panel>div>button{border:1px solid #e8ebe8;background:#fafbf9;border-radius:10px;padding:9px;display:grid;grid-template-columns:5px 1fr auto;gap:8px;text-align:left;align-items:center;cursor:pointer}.calendar-day-panel>div>button>i{width:5px;height:30px;border-radius:4px;background:#d19966}.calendar-day-panel>div>button>i.high{background:#c46058}.calendar-day-panel button strong,.calendar-day-panel button small{display:block}.calendar-day-panel button strong{font-size:8px}.calendar-day-panel button small{font-size:7px;color:#929d98;margin-top:2px}.calendar-day-panel button b{color:#4e846f}.calendar-day-empty{text-align:center;padding:22px 5px;color:#8b9792}.calendar-day-empty span,.calendar-day-empty strong,.calendar-day-empty small{display:block}.calendar-day-empty span{font-size:19px}.calendar-day-empty strong{font-size:8px;margin-top:6px}.calendar-day-empty small{font-size:7px;margin-top:3px}.calendar-add-task{width:100%;border:1px dashed #a9bdb5;background:#f2f7f4;color:var(--green);border-radius:10px;padding:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:800;cursor:pointer}.calendar-add-task svg{width:12px}
.task-modal{width:min(680px,100%)}.task-modal form>label,.task-form-grid label,.task-date-row label{display:block;font-size:8px;font-weight:800;color:#5d6c66;margin-bottom:12px}.task-modal input:not([type=checkbox]),.task-modal textarea,.task-modal select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa;color:var(--ink);outline:none;font-size:9px}.task-modal input:focus,.task-modal textarea:focus,.task-modal select:focus{border-color:#75a08e;box-shadow:0 0 0 3px #e9f2ed}.task-main-field input{font-size:12px!important;font-weight:700}.task-modal textarea{resize:vertical}.task-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.task-date-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:9px}.task-quick-dates{display:flex;align-items:center;gap:6px;background:#f2f5f2;border-radius:10px;padding:8px;margin-bottom:14px}.task-quick-dates>span{font-size:6px;letter-spacing:1px;color:#8d9994;font-weight:800;margin-right:3px}.task-quick-dates button{border:1px solid #dde4df;background:#fff;border-radius:7px;padding:6px 8px;font-size:7px;color:#61736b;cursor:pointer}.task-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.task-delete-button{display:none;margin-right:auto;border:0;background:#faecea;color:#ad554f;border-radius:9px;padding:10px 12px;font-size:8px;font-weight:800;cursor:pointer}.task-delete-button.show{display:block}
.category-modal{width:min(520px,100%)}.category-section-label{display:block;font-size:7px;font-weight:800;letter-spacing:1px;color:#8d9994;margin:18px 0 9px}.category-section-label:first-of-type{margin-top:0}.category-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:0}.category-form label{display:block;font-size:8px;font-weight:800;color:#5d6c66;margin-bottom:0}.category-form input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa;color:var(--ink);outline:none;font-size:11px;text-align:left}.category-form button{height:38px;margin-top:6px;padding:0 14px}.category-custom-note{font-size:7px;color:#9aa49f;margin:9px 0 0}.category-list{display:flex;flex-direction:column;gap:7px;max-height:220px;overflow:auto}.category-row{display:flex;align-items:center;gap:10px;border:1px solid #e8ebe8;background:#fafbf9;border-radius:11px;padding:9px 11px}.category-row>span{width:30px;height:30px;border-radius:9px;background:#e8f1ed;display:grid;place-items:center;font-size:14px;flex-shrink:0}.category-row strong{flex:1;font-size:9px;font-weight:700}.category-row small{font-size:7px;color:#929d98}.category-row button{border:0;background:#faecea;color:#ad554f;border-radius:8px;width:26px;height:26px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.category-row button:disabled{opacity:.35;cursor:not-allowed}.category-row button svg{width:12px}.category-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:230px;overflow:auto;padding-right:2px}.category-suggestion{display:flex;align-items:center;gap:7px;border:1px dashed #d6dcd8;background:#fafbfa;border-radius:10px;padding:8px 9px;cursor:pointer;text-align:left;transition:.15s}.category-suggestion:hover{border-color:#9eb8ae;background:#f0f6f3}.category-suggestion>span{font-size:14px;flex-shrink:0}.category-suggestion strong{font-size:8px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-suggestion i{width:16px;height:16px;border-radius:5px;background:#e8f1ed;color:var(--green);display:grid;place-items:center;font-style:normal;font-size:11px;flex-shrink:0}.category-suggestions-empty{grid-column:1/-1;text-align:center;font-size:8px;color:#9aa49f;padding:14px}
.task-agenda{display:flex;flex-direction:column;gap:18px}.agenda-group span{display:block;font-size:8px;font-weight:800;letter-spacing:1px;color:#76847e;margin-bottom:9px}.agenda-group div{display:flex;flex-direction:column;gap:7px}.agenda-row{display:grid;grid-template-columns:18px 20px 30px 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid #e8ebe8;border-radius:12px;padding:11px 13px;cursor:pointer;transition:.2s}.agenda-row:hover{border-color:#9eb8ae;transform:translateY(-1px)}.agenda-row.is-done{opacity:.6}.agenda-row.is-done strong{text-decoration:line-through}.agenda-row.is-overdue{border-left:3px solid #c45f57}.agenda-row-toggle{width:20px;height:20px;border:2px solid #ccd5d0;border-radius:7px;background:#fff;color:#fff;display:grid;place-items:center;font-size:9px;cursor:pointer}.agenda-row.is-done .agenda-row-toggle{background:#4e846f;border-color:#4e846f}.agenda-icon{width:30px;height:30px;border-radius:9px;background:#eff3f0;display:grid;place-items:center;font-size:13px}.agenda-info{display:block;min-width:0}.agenda-row strong,.agenda-row small{display:block;min-width:0}.agenda-row strong{font-size:9px;font-weight:700}.agenda-row small{font-size:7px;color:#929d98;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-row time{font-size:8px;color:#66756f;font-weight:700}.agenda-row time.late{color:#bc5d55}.agenda-row .task-tags{margin-top:5px}.agenda-empty{text-align:center;padding:40px 5px;color:#8b9792}.agenda-empty span{font-size:22px;display:block}.agenda-empty strong{display:block;font-size:9px;margin-top:8px}
@media(max-width:900px){.task-alert-list{grid-template-columns:1fr 1fr}.task-toolbar{align-items:stretch;flex-direction:column}.task-filters{width:100%;flex-wrap:wrap}.task-search{flex:1}.task-view#taskCalendarView.active{grid-template-columns:1fr}.calendar-day-panel{position:static}.task-form-grid{grid-template-columns:1fr 1fr}.agenda-row{grid-template-columns:16px 18px 26px 1fr auto}.agenda-row time{grid-column:1/-1;justify-self:start}}
@media(max-width:640px){.task-alert-head{align-items:flex-start;flex-direction:column}.task-alert-tabs{width:100%}.task-alert-tabs button{flex:1}.task-alert-list{grid-template-columns:1fr}.task-filters{display:grid;grid-template-columns:1fr 1fr}.task-search{width:100%;grid-column:1/-1}.task-board{display:block}.task-column{margin-bottom:12px;min-height:0}.task-column-list{min-height:160px}.task-calendar-card{padding:12px;overflow:hidden}.task-calendar-head{align-items:flex-start;flex-direction:column;gap:8px}.task-calendar-head>div:last-child{width:100%}.task-calendar-head button:first-child{flex:1}.task-calendar-weekdays span{min-width:0;padding:5px 0;font-size:5px;overflow:hidden}.task-calendar-day{min-width:0;min-height:65px;padding:3px}.task-calendar-day>span{width:18px;height:18px}.calendar-holiday{font-size:5px}.task-calendar-day>div{left:3px;right:3px;bottom:5px}.task-calendar-legend{gap:8px;flex-wrap:wrap}.task-form-grid,.task-date-row{grid-template-columns:1fr 1fr}.task-form-grid label:last-child,.task-date-row label:last-child{grid-column:1/-1}.task-quick-dates{flex-wrap:wrap}.task-quick-dates>span{width:100%}.task-modal-actions{align-items:stretch;flex-direction:column-reverse}.task-modal-actions button{width:100%;margin:0}}

.workout-hero { grid-template-columns:1.6fr .6fr .45fr; overflow:hidden; position:relative; }.workout-hero>div:first-child span{font-size:8px;letter-spacing:1.3px;color:#9dbdb1}.workout-hero h2{font-size:28px;margin:8px 0 4px}.workout-hero p{font-size:9px;color:#aac1b8}.light-btn{border:0;background:#fff;color:var(--green-dark);border-radius:9px;padding:9px 13px;font-weight:700;font-size:9px;display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:15px}.light-btn svg{width:12px}.body-figure{display:flex;align-items:center;justify-content:center;gap:7px;color:#9fc0b4;font-size:7px;font-weight:800;letter-spacing:.7px}.body-vector{width:58px;height:88px;stroke:#bdd2ca;fill:rgba(189,210,202,.08);stroke-width:1.6}.body-vector .muscle{stroke:none;fill:#d88a5e;opacity:.18}.body-figure.chest .chest-zone,.body-figure.arms .arm-zone,.body-figure.legs .leg-zone{opacity:.9}.body-figure.back .chest-zone{opacity:.65;fill:#718eaa}.streak{border-left:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:25px auto;align-items:center;padding-left:23px}.streak svg{color:#e3a071;fill:rgba(227,160,113,.12)}.streak strong{font:800 28px "Manrope"}.streak span{grid-column:2;font-size:8px;color:#9eb8ae}.weekly-workouts{display:flex;flex-direction:column}.weekly-workouts>div{display:grid;grid-template-columns:35px 35px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff1ef}.weekly-workouts>div:last-child{border:0}.weekly-workouts time{font-size:7px;color:#8d9894;text-align:center}.weekly-workouts time small{display:block;font-size:12px;color:var(--ink);font-weight:700}.workout-type{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:800}.workout-type svg{width:16px;height:16px}.workout-type.chest{background:#f3e6de;color:#b86e49}.workout-type.cardio{background:#e2ece8;color:#4f7c6e}.workout-type.back{background:#e6eaf0;color:#627998}.workout-type.legs{background:#ece8df;color:#8b7955}.weekly-workouts p{margin:0}.weekly-workouts p strong,.weekly-workouts p small{display:block}.weekly-workouts p strong{font:600 10px "DM Sans"}.weekly-workouts p small{font-size:8px;color:#929d98;margin-top:2px}.weekly-workouts em{font-size:7px;font-style:normal;color:#8a9591}.weekly-workouts .done em{color:#4b7e6e;background:#e6f0ec;padding:4px 6px;border-radius:5px}.strength-list{display:flex;flex-direction:column;gap:18px}.strength-list>div{display:grid;grid-template-columns:1fr auto;align-items:end}.strength-list span{grid-column:1/-1;display:flex;justify-content:space-between;margin-bottom:7px}.strength-list strong{font-size:9px}.strength-list em{font-size:8px;font-style:normal;color:#4d806f}.strength-list p{height:5px;background:#edf0ed;border-radius:5px;margin:0}.strength-list p b{display:block;height:100%;background:#588a79;border-radius:inherit}.strength-list small{font-size:8px;margin-left:9px}

.nutrition-overview { display:grid;grid-template-columns:170px repeat(3,1fr) 1.2fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;gap:22px;margin-bottom:18px}.calorie-ring{width:120px;height:120px;position:relative;margin:auto}.calorie-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.calorie-ring circle{fill:none;stroke:#edf0ed;stroke-width:10}.calorie-ring .value{stroke:#538473;stroke-dasharray:233 358;stroke-linecap:round}.calorie-ring span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.calorie-ring strong{font:800 21px "Manrope"}.calorie-ring small{font-size:6px;color:#899691}.macro>span,.water-block>span{font-size:9px;color:#7e8b86}.macro>span i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.macro strong,.water-block strong{display:block;font:700 15px "Manrope";margin:7px 0}.macro strong small,.water-block strong small{font:500 8px "DM Sans";color:#939e99}.macro .progress{height:4px}.protein{background:#668aa2!important}.carbs{background:#d29463!important}.fat{background:#a47d9b!important}.water-block{border-left:1px solid var(--line);padding-left:22px}.water-block svg{width:13px;height:13px;color:#6696aa;vertical-align:-3px}.water-cups{display:flex;gap:5px}.water-cups i{width:13px;height:18px;border:1.5px solid #6d9aad;border-radius:2px 2px 5px 5px;background:#dcecf2}.water-cups i.empty{background:transparent;border-color:#d2d9d6}.meals-layout{grid-template-columns:1.25fr .75fr}.meal-list>div{display:grid;grid-template-columns:35px 32px 1fr auto 20px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #eff1ef}.meal-list>div:last-child{border:0}.meal-time{font-size:8px;color:#94a09b}.meal-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px}.meal-icon.breakfast{background:#f6eadb;color:#b97e44}.meal-icon.snack{background:#e9eee3;color:#788d5d}.meal-icon.lunch{background:#f2e2dc;color:#b56e54}.meal-icon.dinner{background:#e5e8f0;color:#68769b}.meal-list p{margin:0}.meal-list p strong,.meal-list p small{display:block}.meal-list p strong{font:600 10px "DM Sans"}.meal-list p small{font-size:8px;color:#929d98;margin-top:2px}.meal-list b{font-size:8px}.meal-list button{border:0;background:none;cursor:pointer;color:#8d9894}.meal-list button svg{width:14px}.meal-list .add-meal{font-size:8px;color:var(--green);font-weight:700;white-space:nowrap}.empty-meal{opacity:.72}.quality-score{display:flex;align-items:center;gap:14px;background:#f3f6f3;border-radius:12px;padding:12px;margin-bottom:15px}.quality-score .mini-ring{width:55px;height:55px;flex:0 0 55px}.quality-score p{margin:0}.quality-score p strong,.quality-score p small{display:block}.quality-score p strong{font:700 11px "Manrope"}.quality-score p small{font-size:8px;color:#84918c;line-height:1.45;margin-top:3px}.nutrient-checks>div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #eff1ef;font-size:9px}.nutrient-checks i{font-style:normal;font-size:8px}.nutrient-checks .ok{color:#4e806f}.nutrient-checks .warn{color:#b17a4c}.nutrition-tip{display:flex;gap:9px;background:#f7f0e7;border-radius:11px;padding:11px;margin-top:14px}.nutrition-tip>span{color:#b57d4e}.nutrition-tip p{margin:0}.nutrition-tip strong,.nutrition-tip small{display:block}.nutrition-tip strong{font:600 9px "DM Sans"}.nutrition-tip small{font-size:8px;color:#8b847b;line-height:1.45;margin-top:2px}

.goal-overview{align-items:center}.year-score{display:grid!important;grid-template-columns:1fr 48px;align-items:center}.year-score .mini-ring{grid-row:1/3;grid-column:2;width:45px;height:45px}.year-score small{grid-column:1}.goals-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.big-goal{--goal-color:#4c806f;background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.big-goal header{display:flex;align-items:center;gap:8px;margin-bottom:17px}.big-goal header .goal-icon{background:color-mix(in srgb,var(--goal-color) 12%,white);color:var(--goal-color);font-size:10px}.big-goal header em{font-size:8px;letter-spacing:1px;font-style:normal;font-weight:800;color:var(--goal-color);flex:1}.big-goal header button{border:0;background:none;cursor:pointer;color:#8d9994}.big-goal header svg{width:16px}.big-goal h3{font-size:15px;margin-bottom:6px}.big-goal>p{font-size:9px;color:#87938e;margin-bottom:20px}.goal-numbers{display:flex;align-items:baseline;gap:7px;margin-bottom:9px}.goal-numbers strong{font:800 19px "Manrope"}.goal-numbers span{font-size:8px;color:#909c97}.big-goal .progress{height:6px}.big-goal .progress i{background:var(--goal-color)}.big-goal footer{display:flex;justify-content:space-between;font-size:8px;color:#89958f;margin-top:9px}.big-goal.health{--goal-color:#bb6863}.big-goal.learning{--goal-color:#64829f}.big-goal.personal{--goal-color:#b27c53}

.modal-backdrop { position:fixed;inset:0;background:rgba(14,35,29,.48);backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.modal-backdrop.open{opacity:1;visibility:visible}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(16,42,34,.27);position:relative;transform:translateY(15px) scale(.98);transition:.25s}.modal-backdrop.open .modal{transform:none}.modal-close{position:absolute;right:18px;top:18px;width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer;z-index:5}.modal-close svg{width:15px}.modal h2{font-size:21px;margin:0 0 6px}.modal>p{font-size:10px;color:#87938e;margin-bottom:20px}.quick-options{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.quick-options button{border:1px solid var(--line);background:#fafbfa;border-radius:13px;padding:14px 8px;cursor:pointer;text-align:center;transition:.2s}.quick-options button:hover{border-color:#81a596;background:#f0f6f3;transform:translateY(-2px)}.quick-options button span{width:34px;height:34px;border-radius:10px;background:#e8f1ed;color:var(--green);display:grid;place-items:center;margin:0 auto 8px}.quick-options svg{width:16px}.quick-options strong,.quick-options small{display:block}.quick-options strong{font-size:9px}.quick-options small{font-size:7px;color:#929d98;margin-top:3px}.entry-form{display:none}.entry-form.active{display:block;animation:pageIn .25s}.quick-options.hidden{display:none}.form-back{border:0;background:none;color:var(--green);font-weight:700;font-size:9px;padding:0;margin:0 0 16px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry-form label{display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px}.entry-form input,.entry-form select,.entry-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:6px;outline:none;background:#fafbfa;font-size:10px;color:var(--ink);resize:vertical}.entry-form input:focus,.entry-form select:focus,.entry-form textarea:focus{border-color:#77a091;box-shadow:0 0 0 3px #eaf2ee}.submit-btn{margin-top:4px;width:100%}.toast{position:fixed;right:25px;bottom:25px;background:var(--green-dark);color:#fff;border-radius:13px;padding:12px 17px;display:flex;align-items:center;gap:10px;z-index:110;box-shadow:0 15px 35px rgba(20,52,43,.25);transform:translateY(30px);opacity:0;visibility:hidden;transition:.3s}.toast.show{transform:none;opacity:1;visibility:visible}.toast>span{width:24px;height:24px;border-radius:8px;background:#477a6b;display:grid;place-items:center;font-size:10px}.toast p{margin:0}.toast strong,.toast small{display:block}.toast strong{font:700 10px "DM Sans"}.toast small{font-size:8px;color:#abc0b8;margin-top:2px}

@media(max-width:1200px){
  .summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.3fr .8fr}.bottom-grid{grid-template-columns:1fr}.finance-hero{grid-template-columns:1.2fr repeat(3,.7fr)}.nutrition-overview{grid-template-columns:150px repeat(3,1fr)}.water-block{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;display:flex;align-items:center;gap:15px}.water-block strong{margin:0}.water-cups{margin-left:auto}
}
@media(max-width:960px){
  .sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none;box-shadow:10px 0 40px rgba(20,50,42,.25)}.main{margin-left:0}.mobile-menu{width:35px;height:35px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px}.mobile-menu span{height:2px;width:18px;background:var(--ink);border-radius:2px}.topbar{padding:0 20px}.content{padding:27px 20px 45px}.search-box{width:36px}.search-box input,.search-box kbd{display:none}.dashboard-grid,.two-col,.meals-layout{grid-template-columns:1fr}.today-panel{min-height:auto}.task-board{grid-template-columns:1fr;overflow-x:auto}.task-column{min-height:auto}.finance-hero{grid-template-columns:1fr 1fr}.balance-block{grid-column:1/-1}.finance-mini{border-left:0;padding:0}.finance-mini:last-child{grid-column:1/-1}.nutrition-overview{grid-template-columns:140px repeat(3,1fr)}.goals-cards{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topbar{height:65px}.content{padding:22px 14px 40px}.date-pill{display:none}.primary-btn span{display:none}.welcome-row{align-items:flex-start}.daily-score{padding:7px}.daily-score>span{display:none}.summary-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.dashboard-grid>.panel,.bottom-grid>.panel{margin-bottom:14px}.cash-summary{padding-left:0;gap:10px}.cash-summary div:first-child{margin-right:0}.chart-tooltip{display:none}.head-actions .period-select{display:none}.bottom-grid{display:block}.wellness-content{gap:10px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.section-heading .primary-btn{min-width:auto;padding:11px}.section-heading h1{font-size:24px}.finance-hero,.workout-hero{grid-template-columns:1fr;padding:23px}.finance-mini,.finance-mini:last-child{grid-column:auto}.workout-hero .body-figure{display:none}.streak{border-left:0;padding:0;grid-template-columns:25px auto 1fr}.streak span{grid-column:3}.task-overview,.workout-stats,.goal-overview{grid-template-columns:1fr 1fr}.task-overview div:nth-child(2),.workout-stats div:nth-child(2),.goal-overview>div:nth-child(2){border-right:0}.task-overview div,.workout-stats div,.goal-overview>div{border-bottom:1px solid var(--line)}.nutrition-overview{grid-template-columns:1fr 1fr}.calorie-ring{grid-column:1/-1}.water-block{grid-column:1/-1}.goals-cards{grid-template-columns:1fr}.quick-options{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.modal{padding:25px 18px}.top-actions{gap:7px}.notification-btn{display:none}.metric-card h2{white-space:normal}.goal-info span{display:block}.goal-info em{display:block;margin-top:2px}.budget-list>div{grid-template-columns:10px 1fr 70px 26px}
}

/* Workout planning and session flow */
.workout-flow { display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 20px;margin-bottom:18px }
.workout-flow>div { display:flex;align-items:center;gap:9px;min-width:190px }
.workout-flow>div>span { width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#edf1ee;color:#71817b;font-size:9px;font-weight:800 }
.workout-flow>div.active>span { background:var(--green);color:#fff }
.workout-flow p { margin:0 }
.workout-flow strong,.workout-flow small { display:block }
.workout-flow strong { font:700 9px "DM Sans" }
.workout-flow small { color:#929d98;font-size:7px;margin-top:2px }
.workout-flow>i { height:1px;flex:1;background:#dfe5e1;margin:0 16px }
.workout-tabs { display:flex;gap:5px;padding:5px;background:#e9ece8;border-radius:12px;width:max-content;margin:25px 0 16px }
.workout-tabs button { border:0;background:transparent;border-radius:9px;padding:9px 15px;font-size:9px;font-weight:700;color:#77837e;cursor:pointer }
.workout-tabs button.active { background:#fff;color:var(--green-dark);box-shadow:0 3px 10px rgba(29,57,49,.08) }
.workout-tabs button span { display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:6px;background:#e9efec;margin-left:5px;font-size:7px }
.workout-tab-panel,.finance-tab-panel { display:none;animation:pageIn .25s ease }
.workout-tab-panel.active,.finance-tab-panel.active { display:block }
.plan-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px }
.workout-plan-card { background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;transition:.2s;position:relative;overflow:hidden }
.workout-plan-card:hover { transform:translateY(-2px);box-shadow:var(--shadow);border-color:#d6dfda }
.workout-plan-card::before { content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--plan-color,#4f8272) }
.plan-card-head { display:flex;align-items:center;gap:10px;margin-bottom:15px }
.plan-card-icon { width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e7f0ec;color:var(--green);font-weight:800;font-size:11px }.plan-card-icon svg{width:19px;height:19px}
.plan-card-head>div { flex:1 }
.plan-card-head strong,.plan-card-head small { display:block }
.plan-card-head strong { font:700 12px "Manrope" }
.plan-card-head small { color:#8c9893;font-size:8px;margin-top:3px }
.plan-menu { border:0;background:none;color:#8c9893;cursor:pointer;padding:4px }
.plan-menu svg { width:16px }
.exercise-preview { min-height:94px;margin-bottom:14px }
.exercise-preview>div { display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f2f0 }
.exercise-preview>div:last-child { border:0 }
.exercise-preview i { width:17px;height:17px;border-radius:6px;background:#eef2ef;display:grid;place-items:center;font-size:7px;font-style:normal;color:#73827c }
.exercise-preview span { flex:1;font-size:8px }
.exercise-preview small { color:#8e9995;font-size:7px }
.exercise-more { color:#71817b!important;font-weight:700 }
.plan-card-actions { display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #edf0ed;padding-top:13px }
.plan-card-actions button { border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:700;cursor:pointer }
.plan-card-actions .start-plan { background:var(--green);border-color:var(--green);color:#fff }
.plan-card-actions .edit-plan { width:34px;padding:0;display:grid;place-items:center }
.plan-card-actions svg { width:13px }
.empty-plan-card { min-height:270px;border:1px dashed #becbc5;background:rgba(255,255,255,.45);border-radius:17px;display:grid;place-content:center;text-align:center;cursor:pointer;color:#74837d;padding:20px }
.empty-plan-card span { width:42px;height:42px;border-radius:13px;background:#e4ece8;display:grid;place-items:center;margin:0 auto 10px;color:var(--green) }
.empty-plan-card svg { width:18px }
.empty-plan-card strong,.empty-plan-card small { display:block }
.empty-plan-card strong { font-size:10px }
.empty-plan-card small { font-size:8px;margin-top:4px;color:#929d98 }
.workout-history-list { display:flex;flex-direction:column }
.history-row { display:grid;grid-template-columns:42px 1fr repeat(3,90px) minmax(90px,auto) 28px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0ed }
.history-row:last-child { border:0 }
.history-date { width:39px;height:39px;border-radius:10px;background:#eef3f0;display:grid;place-content:center;text-align:center;color:var(--green) }
.history-date.missed { background:#fae9df;color:#b86741 }
.history-date strong { font:800 13px "Manrope" }
.history-date small { font-size:6px;text-transform:uppercase }
.history-main strong,.history-main small { display:block }
.history-main strong { font:700 10px "DM Sans" }
.history-main small { font-size:8px;color:#919c97;margin-top:3px }
.history-stat span,.history-stat strong { display:block }
.history-stat span { font-size:7px;color:#98a29e }
.history-stat strong { font:700 9px "DM Sans";margin-top:2px }
.history-note { font-size:8px;color:#72817b;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.missed-history-row { background:#fffaf7;border-radius:11px;padding-left:8px;padding-right:8px;border-bottom-color:#f1e1d8 }
.missed-status { color:#b86741!important }
.history-edit { width:28px;height:28px;border:0;border-radius:8px;background:#f8e9df;color:#a96543;display:grid;place-items:center;cursor:pointer }
.history-edit svg { width:13px }
.history-date.rescheduled { background:#e7edf4;color:#5e7d99 }
.rescheduled-history-row { background:#f8fafc;border-radius:11px;padding-left:8px;padding-right:8px }
.rescheduled-status { color:#5e7d99!important }
.history-panel-head { align-items:center }
.history-controls { display:flex;align-items:center;gap:7px }
.history-controls select { border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;color:#687770 }
.workout-builder-modal { width:min(760px,100%);max-height:90vh;overflow:auto }
.workout-builder-modal label,.session-note { display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px }
.workout-builder-modal input,.workout-builder-modal select,.workout-session-modal input,.workout-session-modal textarea { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;outline:none;background:#fafbfa;font-size:10px;color:var(--ink) }
.workout-builder-modal input:focus,.workout-builder-modal select:focus,.workout-session-modal input:focus,.workout-session-modal textarea:focus { border-color:#77a091;box-shadow:0 0 0 3px #eaf2ee }
.exercise-builder-head { display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin:3px 0 10px }
.exercise-builder-head strong,.exercise-builder-head small { display:block }
.exercise-builder-head strong { font-size:11px }
.exercise-builder-head small { font-size:8px;color:#8f9a96;margin-top:3px;max-width:500px;line-height:1.45 }
.exercise-builder-head button { border:1px solid #cad5d0;background:#f4f8f6;color:var(--green);border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;cursor:pointer }
.exercise-builder-head svg { width:12px }
.exercise-builder-list { display:flex;flex-direction:column;gap:8px;margin-bottom:15px }
.exercise-builder-row { display:grid;grid-template-columns:30px minmax(190px,1fr) 70px 100px 105px 32px;gap:8px;align-items:end;background:#f5f7f5;border-radius:13px;padding:11px }
.exercise-builder-row>span { width:28px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;color:#77857f }
.exercise-builder-field { min-width:0!important;margin:0!important }
.exercise-builder-field>span { display:block;color:#77857f;font-size:7px;font-weight:800;letter-spacing:.35px;margin:0 0 5px 2px;white-space:nowrap }
.exercise-builder-field>span b { color:#9aa49f;font-weight:700 }
.exercise-builder-row input { height:44px;margin:0!important;background:#fff;padding:9px!important;font-size:10px!important }
.exercise-builder-name input { font-size:11px!important }
.remove-exercise { width:32px;height:44px;border:0;background:#fff;color:#b36a63;border-radius:10px;display:grid;place-items:center;cursor:pointer }
.remove-exercise svg { width:12px }
#workoutSessionBackdrop { padding:12px;background:rgba(10,30,24,.7);backdrop-filter:blur(9px) }
.workout-session-modal { width:min(980px,100%);max-height:calc(100vh - 24px);padding:0;overflow:auto;border-radius:25px;background:#f4f5f1;box-shadow:0 35px 100px rgba(5,25,19,.42) }
.live-workout-header { min-height:152px;padding:27px 32px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(130,181,159,.25),transparent 34%),linear-gradient(135deg,#123d32,#205c4b);display:grid;grid-template-columns:minmax(230px,1fr) 225px minmax(200px,.7fr);align-items:center;gap:22px;position:relative }
.live-workout-close { position:absolute;right:17px;top:15px;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s }
.live-workout-close:hover { background:rgba(255,255,255,.18) }
.live-workout-close svg { width:15px }
.live-workout-title>span { display:block;color:#9fc4b5;font-size:8px;letter-spacing:2px;font-weight:800;margin-bottom:8px }
.live-workout-title h2 { font-size:25px;line-height:1.1;letter-spacing:-.8px;margin:0 0 7px }
.live-workout-title small { color:#b8cec5;font-size:9px }
.live-workout-clock { display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;border-left:1px solid rgba(255,255,255,.13);padding-left:22px }
.live-workout-clock>svg { width:24px;height:24px;color:#8db5a5 }
.live-workout-clock span,.live-workout-clock small,.live-workout-clock strong { display:block }
.live-workout-clock small,.live-workout-progress small { color:#8fb0a3;font-size:7px;letter-spacing:1.5px;font-weight:800 }
.live-workout-clock strong { font:800 25px "Manrope";letter-spacing:-1px;margin-top:3px }
.live-workout-clock button { border:1px solid rgba(255,255,255,.2);background:#dbeae3;color:#16483a;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:800;cursor:pointer;transition:.2s }
.live-workout-clock button:hover { transform:translateY(-1px);background:#fff }
.live-workout-clock button.running { background:rgba(255,255,255,.1);color:#fff }
.live-workout-clock button svg { width:12px;height:12px }
.live-workout-progress>span { display:flex;justify-content:space-between;align-items:end;margin-bottom:9px }
.live-workout-progress strong { font-size:9px;color:#d2e2dc }
.live-workout-progress>div { height:6px;border-radius:10px;background:rgba(255,255,255,.12);overflow:hidden }
.live-workout-progress i { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9fc9b7,#d0e7dd);transition:width .35s ease }
.session-exercise-nav { display:flex;gap:8px;padding:13px 22px;background:#fff;border-bottom:1px solid #e4e8e3;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:3 }
.session-exercise-nav::-webkit-scrollbar { display:none }
.session-exercise-nav button { flex:0 0 144px;display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;position:relative;border:1px solid #e5e9e5;background:#fafbf9;border-radius:12px;padding:9px 10px;text-align:left;cursor:pointer;transition:.2s;overflow:hidden }
.session-exercise-nav button>span { width:27px;height:27px;border-radius:8px;background:#edf1ee;color:#7d8b85;display:grid;place-items:center;font:800 9px "Manrope" }
.session-exercise-nav p,.session-exercise-nav strong,.session-exercise-nav small { display:block;margin:0;min-width:0 }
.session-exercise-nav strong { font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.session-exercise-nav small { color:#97a19d;font-size:7px;margin-top:2px }
.session-exercise-nav i { position:absolute;left:0;right:100%;bottom:0;height:3px;background:#6d9d8a;transition:.25s }
.session-exercise-nav button.active { border-color:#9bb8ac;background:#eff5f2;box-shadow:0 5px 15px rgba(35,83,69,.08) }
.session-exercise-nav button.active>span { background:var(--green);color:#fff }
.session-exercise-nav button.active i { right:0 }
.session-exercise-nav button.completed>span { background:#dcece5;color:#2f715d }
.session-exercise-nav button.completed>span::after { content:"✓";font-size:10px }
.session-exercise-nav button.completed>span { font-size:0 }
.session-exercise-list { padding:25px 27px 8px }
.session-exercise { display:none;background:#fff;border:1px solid #e2e6e1;border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(27,55,46,.055);animation:sessionCardIn .3s ease }
.session-exercise.active { display:block }
@keyframes sessionCardIn { from { opacity:0;transform:translateX(8px) } to { opacity:1;transform:none } }
.active-exercise-header { display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding-bottom:19px;border-bottom:1px solid #edf0ec }
.exercise-order { width:48px;height:48px;border-radius:15px;background:#e8f1ed;color:var(--green);display:grid;place-items:center;font:800 15px "Manrope" }
.active-exercise-header>div:nth-child(2)>span { display:block;font-size:7px;letter-spacing:1.5px;color:#8d9b95;font-weight:800;margin-bottom:4px }
.active-exercise-header h3 { font-size:21px;letter-spacing:-.6px;margin:0 0 6px }
.active-exercise-header p { display:flex;align-items:center;gap:6px;color:#7f8d87;font-size:8px;margin:0 }
.active-exercise-header p svg { width:12px;height:12px;color:#5a8675 }
.active-exercise-header p b { color:#ccd3cf;margin:0 2px }
.exercise-set-progress { min-width:77px;background:#f0f5f2;border-radius:13px;padding:10px 12px;text-align:center;color:var(--green) }
.exercise-set-progress strong,.exercise-set-progress small { display:block }
.exercise-set-progress strong { font:800 22px/1 "Manrope" }
.exercise-set-progress small { font-size:7px;margin-top:4px;color:#789086 }
.last-performance { display:grid;grid-template-columns:160px 1fr auto;gap:13px;align-items:center;margin:16px 0;background:#f6f3e9;border:1px solid #ede6d2;border-radius:12px;padding:11px 14px }
.last-performance span { display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1px;font-weight:800;color:#8e805d }
.last-performance span svg { width:13px }
.last-performance strong { font-size:8px;color:#5f5949;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.last-performance small { font-size:7px;color:#9d9277;text-transform:uppercase }
.set-table { display:flex;flex-direction:column;gap:7px }
.set-table-head,.set-row { display:grid;grid-template-columns:52px 1fr 120px 90px 72px;gap:10px;align-items:center }
.set-table-head { padding:0 10px;font-size:7px;color:#99a39f;text-align:center;letter-spacing:.5px }
.set-row { min-height:62px;background:#f7f8f6;border:1px solid transparent;border-radius:13px;padding:7px 10px;transition:.22s }
.set-row.completed { background:#edf6f1;border-color:#cde3d9;box-shadow:inset 3px 0 #4b8a71 }
.set-row>strong { width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;font:800 10px "Manrope";color:#6d7c76;justify-self:center;box-shadow:0 2px 8px rgba(30,56,47,.05) }
.set-row.completed>strong { background:#d8ebe2;color:#2e6b57 }
.previous-set { font-size:9px;color:#8e9994;text-align:center }
.workout-session-modal .set-value-select { width:100%;height:44px;margin:0;padding:7px 25px 7px 8px;background:#fff;border:1px solid #e0e5e1;border-radius:10px;text-align:center;font-size:10px;font-weight:700;color:var(--ink);outline:none;cursor:pointer }
.workout-session-modal .set-value-select:focus { border-color:#75a18f;box-shadow:0 0 0 3px #e4f0ea }
.set-check { display:grid;place-items:center;cursor:pointer }
.workout-session-modal .set-check input { position:absolute;opacity:0;pointer-events:none;width:1px;height:1px }
.set-check span { width:36px;height:36px;border:2px solid #d7ded9;border-radius:12px;background:#fff;color:transparent;display:grid;place-items:center;transition:.2s }
.set-check span svg { width:17px }
.set-check input:checked+span { border-color:#3d8068;background:#3d8068;color:#fff;transform:scale(1.03);box-shadow:0 5px 12px rgba(41,104,82,.2) }
.exercise-tip { display:flex;align-items:center;gap:8px;color:#87958f;font-size:8px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#fafbf9 }
.exercise-tip svg { width:13px;color:#6d9585 }
.session-navigation { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:11px 27px 24px }
.session-navigation button { border:1px solid #dce2de;background:#fff;border-radius:11px;padding:10px 14px;font-size:8px;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer;justify-self:start }
.session-navigation button:last-child { justify-self:end;background:var(--green);border-color:var(--green);color:#fff }
.session-navigation button:disabled { opacity:.4;cursor:not-allowed }
.session-navigation button svg { width:13px }
.session-navigation button:first-child svg { transform:rotate(180deg) }
.session-navigation>span { font-size:8px;color:#8a9691;font-weight:700 }
.session-finish-card { margin:0 27px 27px;padding:22px;border:1px solid #e0e5e1;border-radius:18px;background:#fff;transition:.25s }
.session-finish-card.highlight { border-color:#a9c6ba;box-shadow:0 10px 28px rgba(39,89,72,.09) }
.session-summary-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:15px }
.session-summary-heading h3 { font-size:19px;margin:0 0 4px }
.session-summary-heading p { font-size:8px;color:#89958f;margin-bottom:17px }
.session-summary-heading>span { flex:0 0 auto;background:#edf5f1;color:#3c755f;border-radius:9px;padding:7px 10px;font-size:7px;font-weight:800 }
.session-summary-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px }
.session-summary-stats>div { display:flex;align-items:center;gap:10px;border:1px solid #e7eae6;background:#f8f9f7;border-radius:13px;padding:12px }
.session-summary-stats>div>span { width:34px;height:34px;border-radius:10px;background:#e5efea;color:var(--green);display:grid;place-items:center }
.session-summary-stats svg { width:15px }
.session-summary-stats p,.session-summary-stats small,.session-summary-stats strong { display:block;margin:0 }
.session-summary-stats small { color:#929d98;font-size:6px;letter-spacing:.8px;font-weight:800 }
.session-summary-stats strong { font:800 13px "Manrope";margin-top:3px }
.session-feeling-block { border-top:1px solid #edf0ed;padding-top:16px;margin-bottom:14px }
.session-feeling-block>div:first-child { display:flex;align-items:center;justify-content:space-between;margin-bottom:9px }
.session-feeling-block>div:first-child strong { font-size:9px }
.session-feeling-block>div:first-child span { color:var(--green);background:#e8f2ed;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:800 }
.session-feeling-options { display:grid;grid-template-columns:repeat(3,1fr);gap:8px }
.session-feeling-options button { border:1px solid #e1e6e2;background:#fafbf9;border-radius:12px;padding:10px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer;transition:.2s }
.session-feeling-options button>span { width:27px;height:27px;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:13px }
.session-feeling-options button strong,.session-feeling-options button small { display:block }
.session-feeling-options button strong { font-size:8px }
.session-feeling-options button small { color:#929d98;font-size:7px }
.session-feeling-options button.active { border-color:#72a18e;background:#edf5f1;box-shadow:0 5px 14px rgba(36,95,80,.08) }
.session-feeling-options button.active>span { background:#dcebe4 }
.session-closing-fields { display:grid;grid-template-columns:180px 1fr;gap:11px;margin-bottom:14px }
.session-closing-fields label { font-size:8px;font-weight:700;color:#63716c }
.session-closing-fields select,.session-closing-fields textarea { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;outline:none;background:#fafbfa;font-size:9px;color:var(--ink) }
.session-closing-fields select:focus,.session-closing-fields textarea:focus { border-color:#77a091;box-shadow:0 0 0 3px #eaf2ee }
.session-note textarea { resize:vertical }
.session-feedback { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px }
.session-feedback label,.session-note { font-size:8px;font-weight:700;color:#63716c }
.session-feedback input,.session-feedback select { width:100%;margin-top:7px }
.session-feedback label:first-child { display:grid;grid-template-columns:1fr auto;align-items:center }
.session-feedback label:first-child input { grid-column:1/-1 }
.finish-workout-button { width:100%;display:grid;grid-template-columns:36px 1fr 18px;align-items:center;gap:11px;border:0;border-radius:13px;background:linear-gradient(135deg,#1a4b3f,#2e6c59);color:#fff;padding:12px 15px;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(28,78,63,.18) }
.finish-workout-button>span { width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center }
.finish-workout-button svg { width:15px }
.finish-workout-button p,.finish-workout-button strong,.finish-workout-button small { display:block;margin:0 }
.finish-workout-button strong { font-size:10px }
.finish-workout-button small { font-size:7px;color:#aac7bc;margin-top:2px }
.rest-timer { position:sticky;bottom:0;margin:0;background:#112f28;color:#fff;padding:11px 22px;display:none;grid-template-columns:62px 1fr auto;align-items:center;gap:13px;z-index:6;box-shadow:0 -10px 25px rgba(11,38,30,.18) }
.rest-timer.show { display:grid }
.rest-ring { width:55px;height:55px;position:relative;display:grid;place-items:center }
.rest-ring svg { position:absolute;inset:0;width:55px;height:55px;transform:rotate(-90deg) }
.rest-ring circle { fill:none;stroke:rgba(255,255,255,.13);stroke-width:3 }
.rest-ring circle:last-child { stroke:#9fd0bb;transition:stroke-dashoffset 1s linear }
.rest-ring strong { position:relative;font:800 12px "Manrope" }
.rest-timer>span small,.rest-timer>span strong { display:block }
.rest-timer>span small { font-size:7px;letter-spacing:1.5px;color:#7fa596;margin-bottom:3px }
.rest-timer>span strong { font-size:9px;color:#d4e2dc }
.rest-timer>div:last-child { display:flex;gap:7px }
.rest-timer button { border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:8px 11px;font-size:7px;font-weight:700;cursor:pointer }
.rest-timer button:last-child { background:#d9e9e2;color:#164638;border-color:#d9e9e2 }
.section-actions { display:flex;gap:9px;align-items:center }
.secondary-btn { border:1px solid #cad5d0;color:var(--green);background:#fff;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-weight:700;font-size:9px;cursor:pointer }
.secondary-btn:hover { background:#edf4f1;border-color:#9eb8ae }
.secondary-btn svg { width:14px }
.secondary-btn.compact { padding:8px 10px }
.activity-head-actions { display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end }
.training-insights { display:grid;grid-template-columns:1.15fr .85fr;gap:17px;margin-top:18px }
.discipline-level { background:#e5f0eb;color:#39715f;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:800 }
.discipline-score { display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center }
.discipline-score>div strong,.discipline-score>div small { display:block }
.discipline-score>div strong { font:800 27px "Manrope" }
.discipline-score>div small { color:#8c9893;font-size:8px;margin-top:2px }
.discipline-score>span { height:10px;background:#edf0ed;border-radius:10px;overflow:hidden }
.discipline-score>span i { display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d58b5c 0%,#4b836f 72%) }
.discipline-summary { display:flex;gap:20px;padding:14px 0 2px;margin-top:10px;border-top:1px solid #edf0ed;font-size:8px;color:#89958f }
.discipline-summary b { color:var(--ink);font-size:10px;margin-right:3px }
.missed-workout-list { margin-top:11px }
.missed-alert { display:flex;align-items:center;gap:10px;background:#faf0e9;border:1px solid #f0ddce;border-radius:11px;padding:10px }
.missed-alert>span { width:30px;height:30px;border-radius:9px;background:#f1d8c7;color:#ae6843;display:grid;place-items:center;font-weight:800 }
.missed-alert p { margin:0;flex:1 }
.missed-alert strong,.missed-alert small { display:block }
.missed-alert strong { font:700 9px "DM Sans" }
.missed-alert small { font-size:7px;color:#97877c;margin-top:2px }
.missed-alert button { border:0;background:var(--green);color:#fff;border-radius:8px;padding:7px 9px;font-size:7px;font-weight:700;cursor:pointer }
.discipline-clear { font-size:8px;color:#72817b;background:#f0f5f2;border-radius:10px;padding:10px;text-align:center }
.activity-ranking { display:flex;flex-direction:column;gap:13px }
.ranking-row { display:grid;grid-template-columns:25px 32px 1fr auto;gap:9px;align-items:center }
.ranking-row>strong { font:800 10px "Manrope";color:#9ba5a1;text-align:center }
.ranking-icon { width:30px;height:30px;border-radius:9px;background:#e8f0ec;display:grid;place-items:center;font-size:13px }.ranking-icon svg{width:16px;height:16px;color:#4e7d6e}
.ranking-info span { display:flex;justify-content:space-between;margin-bottom:5px }
.ranking-info strong { font-size:9px }
.ranking-info small { font-size:7px;color:#929d98 }
.ranking-info i { display:block;height:4px;border-radius:5px;background:#edf0ed;overflow:hidden }
.ranking-info i b { display:block;height:100%;background:#5c8b7a;border-radius:inherit }
.ranking-row>small { font-size:8px;color:#65756f }
.strava-banner { display:grid;grid-template-columns:38px 1fr auto auto;gap:12px;align-items:center;background:#fff7f3;border:1px solid #f3ded3;border-radius:15px;padding:13px 16px;margin-top:17px }
.strava-mark { width:36px;height:36px;border-radius:10px;background:#fc4c02;color:#fff;display:grid;place-items:center;font:800 16px "Manrope" }
.strava-banner strong,.strava-banner small { display:block }
.strava-banner strong { font-size:10px }
.strava-banner small { color:#93847d;font-size:8px;margin-top:2px }
.strava-status { font-size:7px;color:#9d7b69;background:#f8e7de;padding:5px 8px;border-radius:7px }
.strava-banner button { border:0;background:#fc4c02;color:#fff;border-radius:9px;padding:9px 12px;font-size:8px;font-weight:800;cursor:pointer }
.activity-type-grid { display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:16px }
.activity-type-grid button { border:1px solid var(--line);background:#fafbfa;border-radius:10px;padding:9px 4px;cursor:pointer;font-size:7px;color:#687770 }
.activity-type-grid button span { width:25px;height:25px;display:grid;place-items:center;margin:0 auto 4px }.activity-type-grid button svg{width:20px;height:20px}
.activity-type-grid button.active { border-color:#6f9d8d;background:#edf5f1;color:var(--green);font-weight:800 }
.activity-modal { width:min(720px,100%) }
.activity-modal label,.other-reason { display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px }
.activity-modal input,.other-reason textarea { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;outline:none;background:#fafbfa;font-size:10px;color:var(--ink) }
.account-card-modal label,.account-card-modal .task-main-field{display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px}
.account-card-modal label.bank-picker-other-field{display:none}.account-card-modal label.bank-picker-other-field.show{display:block}
.account-card-modal label.hidden-field{display:none!important}
.account-card-modal input,.account-card-modal select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;outline:none;background:#fafbfa;font-size:10px;color:var(--ink)}
.account-card-modal input:focus,.account-card-modal select:focus{border-color:#77a091;box-shadow:0 0 0 3px #eaf2ee}
.form-row.thirds { grid-template-columns:repeat(3,1fr) }
.outdoor-activity-list { display:flex;flex-direction:column }
.outdoor-row { display:grid;grid-template-columns:38px 1.2fr repeat(4,.55fr) auto 28px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ed;cursor:pointer }
.outdoor-row:last-child { border:0 }
.outdoor-icon { width:35px;height:35px;border-radius:10px;background:#e8f1ed;display:grid;place-items:center;font-size:16px }.outdoor-icon svg{width:19px;height:19px;color:#4c7e6f}
.activity-delete { width:28px;height:28px;border:0;border-radius:8px;background:#f6eeee;color:#af6761;display:grid;place-items:center;cursor:pointer }.activity-delete svg{width:12px}
.outdoor-main strong,.outdoor-main small,.outdoor-stat span,.outdoor-stat strong { display:block }
.outdoor-main strong { font:700 10px "DM Sans" }
.outdoor-main small { font-size:7px;color:#909c97;margin-top:2px }
.outdoor-stat span { font-size:7px;color:#9aa49f }
.outdoor-stat strong { font:700 9px "DM Sans";margin-top:2px }
.source-badge { font-size:7px;padding:5px 7px;border-radius:7px;background:#eef2ef;color:#73817c }
.source-badge.strava { color:#b74216;background:#fff0e9 }
.reason-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 }
.reason-grid button { border:1px solid var(--line);background:#fafbfa;border-radius:11px;padding:12px 6px;cursor:pointer;font-size:17px }
.reason-grid button:hover { border-color:#80a293;background:#edf5f1 }
.reason-grid button span { display:block;font-size:8px;font-weight:700;margin-top:5px }
.strava-modal { text-align:center;width:min(500px,100%) }
.strava-modal-mark { display:inline-block;color:#fc4c02;font:800 12px "Manrope";letter-spacing:2px;margin-bottom:12px }
.strava-import-list { text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#faf5f2;border-radius:12px;padding:14px;margin:17px 0 }
.strava-import-list div { font-size:8px;color:#6f7774 }
.integration-note { text-align:left;border:1px solid #e2e7e3;border-radius:11px;padding:11px }
.integration-note strong,.integration-note small { display:block }
.integration-note strong { font-size:9px }
.integration-note small { font-size:8px;color:#84908b;line-height:1.5;margin-top:3px }
.strava-connect-disabled { width:100%;border:0;border-radius:10px;background:#dfe3e0;color:#8b9490;padding:11px;font-size:9px;font-weight:800;margin-top:12px }
.schedule-actions { display:flex;align-items:center;gap:7px }
.schedule-actions button { border:0;background:#eef3f0;color:var(--green);border-radius:6px;padding:5px 7px;font-size:7px;font-weight:700;cursor:pointer }
.rescheduled-workout { background:#f8fafc }
.modal-field { display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px }
.modal-field input { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa }
#bodyRecordForm label,#rescheduleForm label { display:block;font-size:9px;font-weight:700;color:#5e6c67;margin-bottom:12px }
#bodyRecordForm input,#rescheduleForm input { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa;outline:none }
.timed-activity-types { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 }
.timed-activity-types button { border:1px solid var(--line);background:#fafbfa;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#687770;cursor:pointer }
.timed-activity-types button.active { border-color:#6f9d8d;background:#edf5f1;color:var(--green);font-weight:800 }
.timed-activity-types svg { width:18px }
.live-timer { font:800 42px "Manrope";text-align:center;letter-spacing:2px;padding:22px;background:#f0f5f2;border-radius:14px;margin:12px 0 }
.live-activity-actions { display:grid;grid-template-columns:1fr 1.5fr;gap:8px }
.evolution-layout,.body-progress-layout { align-items:start }
.exercise-evolution-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px }
.exercise-evolution-summary>div { background:#f4f7f5;border-radius:10px;padding:11px }
.exercise-evolution-summary span,.exercise-evolution-summary strong { display:block }
.exercise-evolution-summary span { font-size:7px;color:#8d9994 }
.exercise-evolution-summary strong { font:700 13px "Manrope";margin-top:4px }
.evolution-chart { min-height:220px;background:#fafbfa;border-radius:12px;padding:12px;position:relative }
.evolution-chart svg { width:100%;height:180px;overflow:visible }
.evolution-chart line { stroke:#dfe5e1;stroke-width:1 }
.evolution-chart polyline { fill:none;stroke:#397b67;stroke-width:3;stroke-linecap:round;stroke-linejoin:round }
.evolution-chart circle { fill:#fff;stroke:#397b67;stroke-width:3 }
.chart-date-labels { display:flex;justify-content:space-around;font-size:7px;color:#8f9a96 }
.evolution-empty { min-height:150px;display:grid;place-content:center;text-align:center;color:#83908b }
.evolution-empty svg { width:25px;height:25px;margin:0 auto 8px;color:#5b8879 }
.evolution-empty strong,.evolution-empty small { display:block }
.evolution-empty strong { font-size:9px }.evolution-empty small{font-size:8px;margin-top:4px}
.load-suggestions { display:flex;flex-direction:column;gap:9px }
.load-suggestion { display:flex;align-items:center;gap:10px;background:#f5f8f6;border-radius:11px;padding:11px }
.load-suggestion>span { width:30px;height:30px;border-radius:9px;background:#e4eee9;color:#4e806f;display:grid;place-items:center }
.load-suggestion svg { width:15px }
.load-suggestion p { margin:0 }.load-suggestion strong,.load-suggestion small{display:block}.load-suggestion strong{font-size:9px}.load-suggestion small{font-size:8px;color:#82908a;margin-top:2px}
.body-metrics { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px }
.body-metrics>div { background:#f3f6f4;border-radius:10px;padding:10px }
.body-metrics span,.body-metrics strong,.body-metrics small { display:block }
.body-metrics span { font-size:7px;color:#8d9994 }.body-metrics strong{font:700 13px "Manrope";margin:4px 0}.body-metrics small{font-size:7px;color:#5d8678}
.body-record-list { display:flex;flex-direction:column }
.body-record-row { display:grid;grid-template-columns:70px repeat(3,1fr) 28px;align-items:center;gap:8px;border-bottom:1px solid #edf0ed;padding:9px 0;font-size:8px;cursor:pointer }
.body-record-row button,.progress-photo button { width:26px;height:26px;border:0;border-radius:7px;background:#f5eaea;color:#ad6660;display:grid;place-items:center;cursor:pointer }
.body-record-row svg,.progress-photo button svg { width:11px }
.progress-photo-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:9px }
.progress-photo { position:relative;border-radius:12px;overflow:hidden;background:#edf0ed;aspect-ratio:4/5 }
.progress-photo img { width:100%;height:100%;object-fit:cover }
.progress-photo>span { position:absolute;left:8px;bottom:8px;background:rgba(20,45,38,.75);color:#fff;border-radius:6px;padding:4px 6px;font-size:7px }
.progress-photo button { position:absolute;right:7px;top:7px }
.photo-empty { grid-column:1/-1;min-height:180px;border:1px dashed #c8d1cc;border-radius:12px;display:grid;place-items:center;text-align:center;font-size:8px;color:#89958f }
.local-data-note { font-size:7px;color:#929d98;margin:10px 0 0;text-align:center }

@media(max-width:1050px){
  .auth-screen { grid-template-columns:minmax(340px,.8fr) minmax(430px,1fr) }
  .auth-benefits { grid-template-columns:1fr }
  .auth-benefits>div:nth-child(n+2) { display:none }
  .plan-grid { grid-template-columns:repeat(2,1fr) }
  .workout-flow>div { min-width:0;flex:1 }
  .training-insights { grid-template-columns:1fr }
  .activity-type-grid { grid-template-columns:repeat(4,1fr) }
}
@media(max-width:900px){
  .live-workout-header { grid-template-columns:1fr auto;gap:17px;padding:24px 27px }
  .live-workout-clock { border:0;padding:0 37px 0 20px }
  .live-workout-progress { grid-column:1/-1 }
  .last-performance { grid-template-columns:145px 1fr auto }
  .set-table-head,.set-row { grid-template-columns:48px 1fr 100px 78px 65px }
}
@media(max-width:700px){
  .auth-screen { display:block;background:#f3f5f1;padding:18px;min-height:100vh }
  .auth-visual { display:none }
  .auth-panel { min-height:calc(100vh - 36px);padding:0;background:none }
  .auth-card { padding:25px 19px;border-radius:20px }
  .auth-mobile-brand { display:flex;align-items:center;justify-content:center;gap:10px;color:var(--green-dark);margin-bottom:27px }
  .auth-mobile-brand .brand-mark { border-color:#b8cbc3 }.auth-mobile-brand strong { font:800 22px "Manrope" }
  .auth-password-row { grid-template-columns:1fr;gap:0 }
  .workout-flow { align-items:flex-start;padding:12px }
  .workout-flow>i { margin:14px 5px }
  .workout-flow small { display:none }
  .workout-flow>div { display:block;text-align:center }
  .workout-flow>div>span { margin:0 auto 5px }
  .plan-grid { grid-template-columns:1fr }
  .workout-tabs { width:100%;max-width:100%;overflow-x:auto }
  .workout-tabs button { flex:0 0 auto;padding:9px 10px;white-space:nowrap }
  .history-row { grid-template-columns:40px 1fr auto 28px }
  .history-stat:nth-of-type(n+4),.history-note { display:none }
  .exercise-builder-row { grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px }
  .exercise-builder-row>span { grid-column:1;grid-row:1;width:100% }
  .exercise-builder-name { grid-column:2/6;grid-row:1 }
  .remove-exercise { grid-column:6;grid-row:1;width:100% }
  .exercise-builder-sets { grid-column:1/3;grid-row:2 }
  .exercise-builder-repetitions { grid-column:3/5;grid-row:2 }
  .exercise-builder-rest { grid-column:5/7;grid-row:2 }
  .exercise-builder-row .exercise-builder-field>span { font-size:6px;letter-spacing:0;white-space:normal;text-align:center;line-height:1.15 }
  .exercise-builder-row .remove-exercise svg { width:10px }
  .section-actions { flex-direction:column;align-items:stretch;width:100% }
  .section-actions button { width:100% }
  .discipline-score { grid-template-columns:1fr }
  .discipline-summary { justify-content:space-between;gap:5px }
  .strava-banner { grid-template-columns:36px 1fr }
  .strava-status { display:none }
  .strava-banner button { grid-column:1/-1 }
  .activity-type-grid { grid-template-columns:repeat(3,1fr) }
  .form-row.thirds { grid-template-columns:1fr }
  .outdoor-row { grid-template-columns:35px 1fr auto 28px }
  .outdoor-stat:nth-of-type(n+4),.outdoor-row .source-badge { display:none }
  .reason-grid { grid-template-columns:repeat(2,1fr) }
  .strava-import-list { grid-template-columns:1fr }
  .history-panel-head { align-items:flex-start;gap:10px }
  .history-controls { width:100%;flex-wrap:wrap }
  .history-controls select { flex:1 }
  .activity-head-actions { width:100%;justify-content:stretch }
  .activity-head-actions button { flex:1 }
  .session-feedback { grid-template-columns:1fr }
  #workoutSessionBackdrop { padding:0;place-items:stretch }
  .workout-session-modal { width:100%;max-height:100vh;border-radius:0 }
  .live-workout-header { min-height:190px;padding:22px 20px;grid-template-columns:1fr;gap:12px }
  .live-workout-title { min-width:0;padding-right:30px }
  .live-workout-title h2 { font-size:21px }
  .live-workout-clock { width:100%;grid-template-columns:1fr auto;border:0;padding:0 }
  .live-workout-clock>svg { display:none }
  .live-workout-clock strong { font-size:21px }
  .live-workout-clock button { padding:7px 8px }
  .live-workout-clock button span { display:none }
  .live-workout-progress { grid-column:1 }
  .session-exercise-nav { padding:10px 14px }
  .session-exercise-nav button { flex-basis:126px;padding:8px }
  .session-exercise-list { padding:16px 14px 7px }
  .session-exercise { padding:17px 14px;border-radius:17px }
  .active-exercise-header { grid-template-columns:39px minmax(0,1fr);gap:10px }
  .exercise-order { width:39px;height:39px;border-radius:12px;font-size:12px }
  .active-exercise-header h3 { font-size:17px }
  .active-exercise-header p { flex-wrap:wrap;gap:4px;font-size:7px }
  .exercise-set-progress { grid-column:1/-1;min-width:0;padding:8px;display:flex;align-items:center;justify-content:center;gap:5px }
  .exercise-set-progress strong { font-size:18px }
  .exercise-set-progress small { margin:0 }
  .last-performance { grid-template-columns:1fr auto;margin:13px 0;padding:10px }
  .last-performance span { grid-column:1/-1 }
  .last-performance strong { font-size:7px }
  .set-table-head,.set-row { grid-template-columns:26px minmax(34px,1fr) 40px 32px;gap:3px }
  .set-table-head span:nth-child(2),.set-row .previous-set { display:none }
  .set-table-head { padding:0 4px;font-size:6px }
  .set-row { min-height:58px;padding:6px 4px }
  .workout-session-modal .set-value-select { min-width:0;height:40px;padding:4px 2px;font-size:8px }
  .set-check span { width:29px;height:29px;border-radius:9px }
  .session-navigation { padding:9px 14px 18px;gap:8px }
  .session-navigation button { padding:9px 10px }
  .session-navigation>span { font-size:7px;text-align:center }
  .session-finish-card { margin:0 14px 18px;padding:17px }
  .session-summary-heading { align-items:center }
  .session-summary-heading>span { display:none }
  .session-summary-stats { grid-template-columns:1fr;gap:6px }
  .session-summary-stats>div { padding:9px }
  .session-feeling-options { grid-template-columns:1fr }
  .session-closing-fields { grid-template-columns:1fr }
  .rest-timer { grid-template-columns:52px 1fr auto;padding:9px 13px;gap:9px }
  .rest-ring,.rest-ring svg { width:48px;height:48px }
  .rest-timer>span strong { display:none }
  .rest-timer>div:last-child { gap:4px }
  .rest-timer button { padding:7px 8px }
  .timed-activity-types { grid-template-columns:repeat(2,1fr) }
  .live-timer { font-size:29px }
  .exercise-evolution-summary,.body-metrics { grid-template-columns:repeat(2,1fr) }
  .body-record-row { grid-template-columns:60px 1fr 28px }
  .body-record-row span:nth-of-type(n+2) { display:none }
  .progress-photo-grid { grid-template-columns:1fr 1fr }
}
@media(max-height:700px){
  .sidebar { padding:10px 18px }
  .brand { padding-bottom:8px }
  .sidebar-quote { display:none }
  .nav-label { margin:8px 10px 4px }
  .nav-item { padding:8px 10px;margin:1px 0 }
  .profile-card { padding-top:10px }
}

/* Dashboard real, notifications, account and installable mobile experience */
.avatar.has-photo,.profile-large-avatar.has-photo,.profile-photo-preview.has-photo { overflow:hidden;padding:0 }
.avatar img,.profile-large-avatar img,.profile-photo-preview img { width:100%;height:100%;display:block;object-fit:cover }
.notification-btn b { display:none;position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#c95f56;color:#fff;border:2px solid #fff;font:800 7px/13px "DM Sans";z-index:2 }
.notification-btn b.show { display:block }
.notification-btn #notificationDot { display:none }
.notification-btn #notificationDot.show { display:block }
.dashboard-finance-chart { min-height:215px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:end;padding:20px 20px 0 37px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 52px,#edf0ed 53px);border-radius:12px }
.dashboard-finance-chart.is-empty { position:relative }
.dashboard-finance-chart.is-empty::after { content:"Registre uma entrada ou despesa para visualizar o fluxo dos últimos meses.";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(310px,75%);color:#8c9893;font-size:8px;line-height:1.55;text-align:center;background:rgba(255,255,255,.86);padding:10px;border-radius:10px }
.dashboard-chart-column { height:180px;display:grid;grid-template-rows:1fr auto;gap:8px;min-width:0;text-align:center }
.dashboard-chart-bars { height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px }
.dashboard-chart-bars i { display:block;width:min(18px,35%);min-height:2px;border-radius:6px 6px 2px 2px;transition:height .4s }
.dashboard-chart-bars .income-bar { background:linear-gradient(#4f8d78,#285f50) }
.dashboard-chart-bars .expense-bar { background:linear-gradient(#e0ad83,#c97e58) }
.dashboard-chart-column strong { color:#84918c;font-size:7px;text-transform:capitalize }
.timeline>.timeline-item { width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer }
.timeline>.timeline-item:hover { background:#f7faf8;border-radius:10px }
.dashboard-empty-state { min-height:245px;display:grid;place-content:center;text-align:center;color:#83918b;padding:20px }
.dashboard-empty-state>span { width:38px;height:38px;border-radius:12px;background:#e8f2ed;color:#4d806f;display:grid;place-items:center;margin:0 auto 8px }
.dashboard-empty-state strong,.dashboard-empty-state small { display:block }
.dashboard-empty-state strong { color:var(--ink);font-size:9px }
.dashboard-empty-state small { font-size:7px;margin:4px 0 10px }
.dashboard-empty-state button { border:0;background:var(--green);color:#fff;border-radius:8px;padding:8px 10px;font-size:7px;font-weight:800;cursor:pointer }
.wellness-ring .value { transition:stroke-dasharray .4s }

.drawer-overlay { position:fixed;inset:0;background:rgba(12,31,25,.38);backdrop-filter:blur(2px);z-index:69;opacity:0;visibility:hidden;transition:.22s }
.drawer-overlay.open { opacity:1;visibility:visible }
.notification-center { position:fixed;right:0;top:0;bottom:0;width:min(410px,100%);background:#f7f8f5;z-index:90;box-shadow:-22px 0 60px rgba(18,46,37,.2);transform:translateX(105%);transition:.28s ease;display:flex;flex-direction:column;padding:22px }
.notification-center.open { transform:none }
.notification-center>header { display:flex;align-items:center;justify-content:space-between;padding:5px 2px 18px;border-bottom:1px solid var(--line) }
.notification-center h2 { font-size:21px;margin:0 }
.notification-center>header button { width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer }
.notification-center>header svg { width:14px }
.notification-toolbar { display:flex;align-items:center;justify-content:space-between;padding:13px 2px }
.notification-toolbar span { font-size:8px;color:#798780;font-weight:700 }
.notification-toolbar button { border:0;background:none;color:var(--green);font-size:7px;font-weight:800;cursor:pointer }
.notification-list { display:flex;flex-direction:column;gap:7px;overflow:auto;padding:1px 2px 20px }
.notification-item { width:100%;display:grid;grid-template-columns:38px 1fr 6px;gap:11px;align-items:center;border:1px solid #e2e8e4;background:#fff;border-radius:13px;padding:11px;text-align:left;cursor:pointer;color:var(--ink) }
.notification-item.read { opacity:.65;background:#fafbf9 }
.notification-icon { width:38px;height:38px;border-radius:11px;background:#e8f1ed;color:#3f7563;display:grid;place-items:center;font-size:10px;font-weight:800 }
.notification-icon.danger { background:#fae9e6;color:#ad554e }.notification-icon.finance{background:#e7eef4;color:#607f9a}.notification-icon.workout{background:#f5e9e0;color:#b16f4e}.notification-icon.water{background:#e5f1f5;color:#55899a}
.notification-item p,.notification-item strong,.notification-item small,.notification-item em { display:block;margin:0;min-width:0 }
.notification-item strong { font-size:9px }
.notification-item small { color:#718079;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.notification-item em { color:#9aa49f;font-size:6px;font-style:normal;margin-top:4px }
.notification-item>i { width:6px;height:6px;border-radius:50%;background:#c75f56 }
.notification-empty { min-height:300px;display:grid;place-content:center;text-align:center;color:#87948e }
.notification-empty>span { width:42px;height:42px;border-radius:14px;background:#e5f0eb;color:#447863;display:grid;place-items:center;margin:0 auto 9px }
.notification-empty strong,.notification-empty small { display:block }.notification-empty strong{font-size:9px;color:var(--ink)}.notification-empty small{font-size:7px;margin-top:4px}

.account-modal { width:min(660px,100%) }
.account-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#eef1ee;border-radius:11px;padding:4px;margin:16px 0 }
.account-tabs button { border:0;background:transparent;border-radius:8px;padding:8px;color:#74827c;font-size:8px;font-weight:800;cursor:pointer }
.account-tabs button.active { background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(25,55,46,.08) }
.account-tab-panel { display:none }.account-tab-panel.active{display:block;animation:pageIn .2s}
.profile-photo-editor { display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;background:#f4f7f5;border-radius:14px;padding:13px;margin-bottom:15px }
.profile-photo-preview { width:78px;height:78px;border-radius:22px;background:linear-gradient(135deg,#dcebe4,#c9ddd4);color:var(--green-dark);display:grid;place-items:center;font:800 20px "Manrope" }
.profile-photo-editor strong,.profile-photo-editor small { display:block }.profile-photo-editor strong{font-size:10px}.profile-photo-editor small{font-size:7px;color:#83908a;margin:3px 0 8px}
.profile-photo-editor>div:last-child { display:flex;align-items:center;gap:7px;flex-wrap:wrap }
.profile-photo-editor>div:last-child>strong,.profile-photo-editor>div:last-child>small { width:100% }
.profile-photo-editor label { margin:0;cursor:pointer }
.profile-photo-editor button { border:0;background:none;color:#a15c56;font-size:7px;font-weight:800;cursor:pointer }
.account-form>label,.account-form .form-row label { display:block;color:#5d6c66;font-size:8px;font-weight:800;margin-bottom:12px }
.account-form input { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa;outline:none;font-size:9px }
.account-form input:focus { border-color:#75a08e;box-shadow:0 0 0 3px #e9f2ed }
.account-form-error { min-height:14px;color:#b85650;font-size:8px;margin:-3px 0 5px }
.password-guidance { display:block;color:#87948e;font-size:7px;margin:-3px 0 12px }
.danger-zone { border:1px solid #efd4d0;background:#fff7f6;border-radius:13px;padding:14px;margin-top:16px }
.danger-zone strong { color:#a94f49;font-size:9px }.danger-zone p{color:#8e716e;font-size:7px;line-height:1.5;margin:5px 0 10px}
.danger-zone button,.danger-submit { width:100%;border:0;background:#b54f49;color:#fff;border-radius:9px;padding:10px;font-size:8px;font-weight:800;cursor:pointer }
.delete-account-modal { width:min(450px,100%) }.danger-eyebrow{color:#b2554e}

.install-coach { position:fixed;left:18px;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:65;background:#173f35;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 13px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;box-shadow:0 18px 50px rgba(12,40,31,.3) }
.install-coach[hidden] { display:none }
.install-coach-close { position:absolute;right:-5px;top:-8px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#668278;color:#fff;display:grid;place-items:center;cursor:pointer }
.install-coach-close svg { width:10px }
.install-coach-icon { width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center }
.install-coach-icon .brand-mark { transform:scale(.72) rotate(-4deg);margin:0 }
.install-coach strong,.install-coach p { display:block;margin:0 }.install-coach strong{font-size:9px}.install-coach p{color:#acc2ba;font-size:7px;line-height:1.4;margin-top:3px}
.install-coach>button:last-child { border:0;background:#fff;color:var(--green-dark);border-radius:9px;padding:9px 10px;font-size:7px;font-weight:800;cursor:pointer }
.install-help-modal { width:min(520px,100%) }
.install-device-tabs { display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eef1ee;border-radius:10px;padding:4px;margin-bottom:14px }
.install-device-tabs button { border:0;background:transparent;border-radius:7px;padding:8px;font-size:8px;font-weight:800;color:#74827c;cursor:pointer }.install-device-tabs button.active{background:#fff;color:var(--green);box-shadow:0 3px 9px rgba(25,55,46,.08)}
.install-steps { display:none;flex-direction:column;gap:8px }.install-steps.active{display:flex}
.install-steps>div { display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;background:#f5f7f5;border-radius:11px;padding:10px }
.install-steps b { width:30px;height:30px;border-radius:9px;background:#dfece6;color:var(--green);display:grid;place-items:center;font-size:9px }
.install-steps span { color:#63736c;font-size:8px;line-height:1.5 }
.install-requirement { color:#9a694c!important;background:#fff5e9;border-radius:9px;padding:9px;margin:12px 0 0!important;font-size:7px!important;line-height:1.45 }
.mobile-bottom-nav { display:none }

@media(max-width:960px){
  .sidebar { z-index:80 }
}
@media(max-width:640px){
  html { background:#eef1ed }
  body.authenticated { background:#f4f5f1;overscroll-behavior-y:none }
  body.authenticated .main { padding-bottom:calc(76px + env(safe-area-inset-bottom)) }
  body.authenticated .topbar { height:58px;padding:env(safe-area-inset-top) 14px 0;box-sizing:content-box;background:rgba(250,251,248,.94) }
  body.authenticated .content { padding:18px 13px 24px }
  .topbar .search-box { display:none }
  .topbar .notification-btn { display:grid }
  .topbar .primary-btn { width:36px;height:36px;padding:0;border-radius:11px }
  .topbar .primary-btn span { display:none }
  .mobile-menu { background:#fff;border:1px solid var(--line);border-radius:10px }
  .summary-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px }
  .metric-card { min-height:154px;padding:14px;border-radius:17px }
  .metric-card h2 { font-size:17px;margin-bottom:9px }
  .metric-card .metric-bottom { display:block }
  .metric-card .metric-bottom span { display:block;margin-top:5px }
  .metric-card .metric-bottom strong { display:inline;margin-left:3px }
  .metric-card .metric-caption.split { align-items:flex-end;gap:5px;flex-wrap:wrap }
  .metric-card .metric-caption.split button { margin-left:auto }
  .welcome-row { margin-bottom:18px }
  .welcome-row h1 { font-size:25px;line-height:1.12 }
  .welcome-row p { font-size:10px;line-height:1.5 }
  .daily-score { flex:0 0 auto;border-radius:14px }
  .daily-score .mini-ring { width:42px;height:42px }
  .dashboard-grid>.panel,.bottom-grid>.panel,.panel { border-radius:18px }
  .cashflow-panel { padding:16px }
  .cash-summary { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px }
  .cash-summary div:first-child { grid-column:1/-1 }
  .dashboard-finance-chart { min-height:185px;padding:15px 4px 0;gap:7px }
  .dashboard-chart-column { height:155px }
  .dashboard-chart-bars i { width:10px }
  .wellness-content { align-items:flex-start }
  .wellness-ring { width:90px;flex-basis:90px }
  .wellness-stats>div { grid-template-columns:28px 1fr }
  .wellness-stats em { grid-column:2 }
  .mobile-bottom-nav { position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(64px + env(safe-area-inset-bottom));padding:6px 13px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid #dfe5e1;display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;box-shadow:0 -8px 28px rgba(20,50,42,.09);backdrop-filter:blur(16px) }
  .mobile-bottom-nav button { border:0;background:none;color:#82908a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:700;cursor:pointer }
  .mobile-bottom-nav button svg { width:19px;height:19px }
  .mobile-bottom-nav button.active { color:var(--green) }
  .mobile-bottom-nav .mobile-add-button { width:50px;height:50px;border-radius:16px;background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(33,91,72,.28);justify-self:center;transform:translateY(-13px) }
  .mobile-bottom-nav .mobile-add-button svg { width:23px;height:23px }
  .notification-center { width:100%;padding:calc(18px + env(safe-area-inset-top)) 14px calc(80px + env(safe-area-inset-bottom));border-radius:0 }
  .account-modal { width:100%;max-height:100vh;border-radius:24px 24px 0 0;padding:24px 16px calc(24px + env(safe-area-inset-bottom)) }
  #profileBackdrop { align-items:end;padding:0 }
  .profile-modal-head { padding-right:36px }
  .account-tabs { position:sticky;top:-24px;z-index:3 }
  .profile-photo-editor { grid-template-columns:64px 1fr }
  .profile-photo-preview { width:64px;height:64px;border-radius:19px }
  .profile-modal .form-row { grid-template-columns:1fr }
  .auth-screen { min-height:100svh;padding:0;background:linear-gradient(160deg,#e8f0eb,#f8f8f4 38%) }
  .auth-panel { min-height:100svh;padding:calc(22px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom)) }
  .auth-card { border-radius:25px;padding:27px 20px;box-shadow:0 20px 55px rgba(23,63,53,.12) }
  .auth-mobile-brand { margin-bottom:22px }
  .install-coach { grid-template-columns:40px 1fr;bottom:calc(74px + env(safe-area-inset-bottom)) }
  .install-coach>button:last-child { grid-column:1/-1;width:100% }
  .install-help-modal { width:100%;border-radius:24px 24px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom)) }
  #installHelpBackdrop { align-items:end;padding:0 }
  .toast { left:13px;right:13px;bottom:calc(76px + env(safe-area-inset-bottom));justify-content:center }
}

/* Nutrition diary */
.nutrition-heading { margin-bottom:18px }
.nutrition-date-bar { display:grid;grid-template-columns:38px auto 1fr auto 38px;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px;margin-bottom:14px }
.nutrition-date-bar>button { height:34px;border:1px solid var(--line);background:#f8faf8;color:#61736b;border-radius:9px;padding:0 12px;font-size:8px;font-weight:800;cursor:pointer }
.nutrition-date-bar>button:first-child,.nutrition-date-bar>button:last-child { width:38px;padding:0;display:grid;place-items:center }
.nutrition-date-bar>button:first-child svg { transform:rotate(180deg) }
.nutrition-date-bar svg { width:13px }
.nutrition-date-bar>div { text-align:center;min-width:0 }
.nutrition-date-bar span,.nutrition-date-bar strong { display:block }
.nutrition-date-bar span { color:#819089;font-size:7px;text-transform:uppercase;letter-spacing:1px;font-weight:800 }
.nutrition-date-bar strong { font:700 12px "Manrope";margin-top:2px }
.nutrition-date-bar input { width:34px;height:34px;border:1px solid var(--line);border-radius:9px;padding:7px;color:transparent;background:#fff;cursor:pointer }
.nutrition-date-bar input::-webkit-calendar-picker-indicator { margin:0;cursor:pointer;opacity:.65 }
.nutrition-overview { grid-template-columns:150px repeat(3,minmax(100px,1fr));padding:23px 25px;gap:25px;box-shadow:0 8px 30px rgba(28,58,49,.035) }
.calorie-ring { width:128px;height:128px }
.calorie-ring .value { stroke:#4f8572;stroke-dasharray:0 358;transition:stroke-dasharray .4s ease }
.calorie-ring strong { font-size:23px }
.calorie-ring small { margin-top:3px;font-size:6px;letter-spacing:.6px }
.macro { min-width:0 }
.macro>span,.water-block>span { font-size:8px;font-weight:700;color:#77857f }
.macro strong,.water-block strong { font-size:16px }
.macro strong b,.water-block strong b { font-weight:800 }
.macro .progress,.water-progress { height:6px;border-radius:20px;background:#edf0ed;overflow:hidden }
.macro .progress i,.water-progress i { display:block;width:0;height:100%;border-radius:inherit;transition:width .4s ease }
.water-block { min-width:0 }
.water-progress i { background:#6d9fb1 }
.water-actions { display:flex;gap:6px;margin-top:10px }
.water-actions button { min-height:29px;border:1px solid #d7e3e6;background:#eef6f8;color:#4f7f8f;border-radius:8px;padding:0 9px;font-size:7px;font-weight:800;cursor:pointer }
.water-actions button:last-child { width:29px;padding:0;background:#fff;color:#88958f;border-color:var(--line) }
.hydration-heading-button { color:#477e90!important;border-color:#c9dce2!important;background:#f5fafb!important }
.hydration-card { display:grid;grid-template-columns:48px minmax(180px,.8fr) minmax(220px,1fr) auto;gap:17px;align-items:center;background:linear-gradient(135deg,#f7fbfc,#edf6f8);border:1px solid #d8e7eb;border-radius:18px;padding:17px 20px;margin-bottom:18px;box-shadow:0 8px 25px rgba(50,99,115,.04) }
.hydration-card-icon { width:48px;height:48px;border-radius:15px;background:#dceff4;color:#4e899d;display:grid;place-items:center }
.hydration-card-icon svg { width:22px;height:22px }
.hydration-card-copy h3 { margin:3px 0;font-size:14px }
.hydration-card-copy p { margin:0;color:#819099;font-size:8px }
.hydration-card-progress>div:first-child { display:flex;align-items:end;justify-content:space-between;margin-bottom:8px }
.hydration-card-progress strong { font:800 17px "Manrope" }
.hydration-card-progress strong small { font:500 8px "DM Sans";color:#87969c }
.hydration-card-progress>div>span { font-size:7px;font-weight:800;color:#5b8a99 }
.hydration-card .water-actions { margin:0;display:grid;grid-template-columns:repeat(3,auto);gap:5px }
.hydration-card .water-actions button { min-width:68px }
.hydration-card .water-actions #removeWaterButton { width:auto }
.hydration-card .hydration-more-button { grid-column:1/-1;width:100%!important;background:#fff!important;color:#4f7f8f!important }
.meals-layout { grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start }
.nutrition-diary-panel { min-height:430px }
.meal-list { display:flex;flex-direction:column }
.meal-list>.meal-row { display:grid;grid-template-columns:43px 38px minmax(0,1fr) auto 28px;gap:11px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf0ed;cursor:pointer;transition:.18s }
.meal-list>.meal-row:hover { background:#f8faf8;border-radius:11px;padding-left:9px;padding-right:9px }
.meal-row .meal-time { font-size:8px;font-weight:700;color:#82908a }
.meal-row .meal-icon { width:36px;height:36px;border-radius:11px;font-size:13px }
.meal-row p { min-width:0 }
.meal-row p strong { font-size:10px }
.meal-row p small { font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.meal-row-total { min-width:112px;text-align:right }
.meal-row-total strong,.meal-row-total small { display:block }
.meal-row-total strong { font-size:9px }
.meal-row-total small { color:#8c9893;font-size:7px;margin-top:3px }
.meal-list>.nutrition-empty { min-height:280px;display:grid;place-content:center;text-align:center;padding:30px;border:1px dashed #d8dfdb;border-radius:14px;background:#fafbf9 }
.nutrition-empty>span { font-size:27px;margin-bottom:9px }
.nutrition-empty strong,.nutrition-empty small { display:block }
.nutrition-empty strong { font-size:10px }
.nutrition-empty small { color:#8b9792;font-size:8px;margin:5px auto 13px;max-width:260px;line-height:1.5 }
.nutrition-empty button { border:0;background:var(--green);color:#fff;border-radius:9px;padding:9px 12px;font-size:8px;font-weight:800;cursor:pointer }
.nutrition-add-meal { width:100%;border:1px dashed #a9bdb5;background:#f2f7f4;color:var(--green);border-radius:10px;padding:10px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:800;cursor:pointer }
.nutrition-add-meal svg { width:12px }
.nutrition-side-column { display:flex;flex-direction:column;gap:15px;min-width:0 }
.nutrition-score-label { border-radius:20px;background:#e9f2ed;color:#4f7f6d;padding:5px 8px;font-size:7px;font-weight:800 }
.quality-score { padding:14px }
.quality-score .mini-ring { position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#5e907c calc(var(--progress) * 1%),#e1e8e4 0) }
.quality-score .mini-ring::after { content:"";position:absolute;inset:6px;background:#f3f6f3;border-radius:50% }
.quality-score .mini-ring strong { position:relative;z-index:1;font:800 14px "Manrope" }
.nutrition-week-panel { padding-bottom:16px }
.nutrition-week-chart { height:135px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:end }
.nutrition-week-chart button { min-width:0;border:0;background:none;padding:0;color:#71817a;cursor:pointer }
.nutrition-week-chart button>div { height:91px;background:#f0f3f0;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden;margin-bottom:6px }
.nutrition-week-chart button i { display:block;width:100%;min-height:4px;background:linear-gradient(180deg,#78a692,#4d816e);border-radius:7px 7px 0 0;transition:height .35s }
.nutrition-week-chart strong,.nutrition-week-chart small { display:block;font-size:6px;text-transform:uppercase }
.nutrition-week-chart small { color:#a0aaa5;margin-top:2px }
.meal-modal { width:min(960px,100%);max-height:92vh;overflow:auto }
.meal-modal form>label,.meal-item-row>label { display:block;font-size:8px;font-weight:800;color:#5d6c66 }
.meal-modal input,.meal-modal select { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:6px;background:#fafbfa;color:var(--ink);outline:none;font-size:9px }
.meal-modal input:focus,.meal-modal select:focus { border-color:#75a08e;box-shadow:0 0 0 3px #e9f2ed }
.meal-items-head { display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin:16px 0 10px }
.meal-items-head strong,.meal-items-head small { display:block }
.meal-items-head strong { font-size:11px }
.meal-items-head small { color:#8c9893;font-size:8px;margin-top:3px }
.meal-items-head button { border:1px solid #cad5d0;background:#f4f8f6;color:var(--green);border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:800;cursor:pointer }
.meal-items-head svg { width:12px }
.meal-item-list { display:flex;flex-direction:column;gap:8px }
.meal-item-row { display:grid;grid-template-columns:minmax(175px,1.5fr) 100px repeat(5,minmax(68px,.65fr)) 94px 32px;gap:7px;align-items:end;background:#f5f7f5;border-radius:13px;padding:11px;position:relative }
.meal-item-row>label>span { display:block;font-size:6px;letter-spacing:.25px;margin:0 0 -1px 2px;white-space:nowrap }
.meal-item-row input { height:40px;margin-top:5px;background:#fff;padding:8px }
.food-name-field { position:relative;z-index:3 }
.food-search-results { position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:30;background:#fff;border:1px solid #d9e1dd;border-radius:12px;padding:5px;box-shadow:0 18px 42px rgba(23,55,45,.18);max-height:300px;overflow:auto }
.food-search-results[hidden] { display:none }
.food-search-results button { width:100%;border:0;background:#fff;border-radius:9px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:var(--ink) }
.food-search-results button:hover,.food-search-results button.active { background:#edf5f1 }
.food-search-results button span,.food-search-results button strong,.food-search-results button small { display:block;min-width:0 }
.food-search-results button strong { font-size:8px }
.food-search-results button small { color:#8c9993;font-size:6px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.food-search-results button>b { color:#4e7d6c;font-size:7px;white-space:nowrap }
.food-search-empty { color:#85928d;font-size:7px;line-height:1.45;padding:11px;text-align:center }
.food-kind-options { height:40px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:#fff;border-radius:10px;padding:5px 7px }
.food-kind-options label { display:flex;align-items:center;gap:4px;font-size:6px;color:#6b7973;font-weight:700 }
.food-kind-options input { width:12px;height:12px;margin:0;accent-color:var(--green) }
.remove-meal-item { width:32px;height:40px;border:0;background:#fff;color:#b36a63;border-radius:10px;display:grid;place-items:center;cursor:pointer }
.remove-meal-item svg { width:12px }
.meal-modal-summary { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#173f35;color:#fff;border-radius:13px;padding:12px 15px;margin:14px 0 }
.meal-modal-summary>div { padding-left:12px;border-left:1px solid rgba(255,255,255,.12) }
.meal-modal-summary>div:first-child { border:0;padding-left:0 }
.meal-modal-summary span,.meal-modal-summary strong { display:block }
.meal-modal-summary span { color:#a9c2b8;font-size:6px;text-transform:uppercase;letter-spacing:.8px }
.meal-modal-summary strong { font:700 11px "Manrope";margin-top:3px }
.nutrition-settings-modal { width:min(570px,100%) }
.nutrition-goal-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px }
.nutrition-goal-grid label { position:relative;font-size:8px;font-weight:800;color:#5d6c66 }
.nutrition-goal-grid label>span { position:absolute;right:9px;top:31px;color:#94a09b;font-size:7px;font-weight:700 }
.nutrition-goal-grid input { width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 10px;margin-top:6px;background:#fafbfa;outline:none }
.nutrition-settings-note { display:flex;align-items:flex-start;gap:8px;background:#f6f2e8;color:#766e5e;border-radius:10px;padding:10px;font-size:7px;line-height:1.45 }
.nutrition-settings-note svg { width:14px;height:14px;flex-shrink:0;color:#9b8457 }
.hydration-modal { width:min(570px,100%) }
.hydration-modal-status { display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;background:linear-gradient(135deg,#173f35,#27604f);color:#fff;border-radius:15px;padding:15px;margin-bottom:14px }
.hydration-modal-drop { width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.11);display:grid;place-items:center;color:#a8d5e3 }
.hydration-modal-drop svg { width:23px;height:23px }
.hydration-modal-status span,.hydration-modal-status strong,.hydration-modal-status small { display:block }
.hydration-modal-status span { color:#a9c5bb;font-size:6px;letter-spacing:1px;font-weight:800 }
.hydration-modal-status strong { font:800 18px "Manrope";margin:3px 0 }
.hydration-modal-status small { color:#bad0c8;font-size:7px }
.hydration-modal-status>b { font:800 17px "Manrope";color:#b7dce6 }
.hydration-quick-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px }
.hydration-quick-grid button { border:1px solid #dce7e9;background:#f6fafb;border-radius:12px;padding:12px 7px;cursor:pointer;color:var(--ink) }
.hydration-quick-grid button:hover { border-color:#8fb7c3;background:#edf7f9;transform:translateY(-1px) }
.hydration-quick-grid span,.hydration-quick-grid strong,.hydration-quick-grid small { display:block }
.hydration-quick-grid span { font-size:18px;margin-bottom:5px }
.hydration-quick-grid strong { font-size:9px }
.hydration-quick-grid small { color:#8a989c;font-size:6px;margin-top:3px }
.custom-water-form { display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;background:#f4f7f6;border-radius:12px;padding:11px }
.custom-water-form label { position:relative;font-size:8px;font-weight:800;color:#5d6c66 }
.custom-water-form input { width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:8px 35px 8px 9px;margin-top:5px;background:#fff;outline:none }
.custom-water-form label>span { position:absolute;right:10px;bottom:12px;color:#87948e;font-size:7px }
.custom-water-form button { height:38px }
.hydration-modal-actions { display:flex;justify-content:space-between;gap:8px;margin-top:11px }
.hydration-modal-actions button { border:0;background:none;color:#71827b;font-size:7px;font-weight:800;cursor:pointer;padding:6px }
.hydration-modal-actions button:last-child { color:#a15e57 }

@media(max-width:1200px){
  .nutrition-overview { grid-template-columns:140px repeat(3,1fr) }
  .nutrition-overview .water-block { grid-column:1/-1;display:grid;grid-template-columns:1fr auto minmax(160px,1fr) auto;align-items:center;border-top:1px solid var(--line);border-left:0;padding:16px 0 0 }
  .nutrition-overview .water-block strong { margin:0 }
  .nutrition-overview .water-actions { margin:0 }
}
@media(max-width:900px){
  .nutrition-overview { grid-template-columns:140px repeat(3,1fr) }
  .meals-layout { grid-template-columns:1fr }
  .hydration-card { grid-template-columns:48px 1fr }
  .hydration-card-progress,.hydration-card .water-actions { grid-column:1/-1 }
  .hydration-card .water-actions { grid-template-columns:repeat(4,1fr) }
  .hydration-card .hydration-more-button { grid-column:auto }
  .meal-item-row { grid-template-columns:repeat(6,minmax(0,1fr)) }
  .food-name-field { grid-column:1/5 }
  .meal-item-row>label:nth-of-type(2) { grid-column:5/7 }
  .meal-item-row>label:nth-of-type(n+3) { grid-column:span 2 }
  .food-kind-options { grid-column:1/6;flex-direction:row;align-items:center;gap:15px }
  .remove-meal-item { grid-column:6;width:100% }
}
@media(max-width:640px){
  .nutrition-date-bar { grid-template-columns:34px 1fr 34px }
  .nutrition-date-bar>#nutritionTodayButton,.nutrition-date-bar>input { display:none }
  .nutrition-overview { grid-template-columns:1fr 1fr;padding:18px;gap:18px }
  .nutrition-overview .calorie-ring { grid-column:1/-1 }
  .nutrition-overview .water-block { grid-template-columns:1fr auto;gap:8px }
  .nutrition-overview .water-progress,.nutrition-overview .water-actions { grid-column:1/-1 }
  .nutrition-overview .water-actions button { flex:1 }
  .hydration-card { padding:15px;gap:12px }
  .hydration-card-copy p { line-height:1.4 }
  .hydration-card .water-actions { grid-template-columns:1fr 1fr }
  .hydration-card .hydration-more-button { grid-column:1/-1 }
  .meal-list>.meal-row { grid-template-columns:39px 34px minmax(0,1fr) 24px }
  .meal-row-total { grid-column:3/5;text-align:left;padding-left:0 }
  .meal-row-total small { white-space:normal }
  .meal-modal { padding:24px 14px }
  .meal-items-head { align-items:flex-start;gap:10px }
  .meal-items-head button { padding:8px;font-size:0 }
  .meal-items-head button svg { width:14px }
  .meal-item-row { grid-template-columns:repeat(2,minmax(0,1fr));padding:10px }
  .food-name-field,.meal-item-row>label:nth-of-type(n+2) { grid-column:auto }
  .food-name-field { grid-column:1/-1 }
  .meal-item-row>label:nth-of-type(3) { grid-column:1/-1 }
  .food-kind-options { grid-column:1 }
  .remove-meal-item { grid-column:2 }
  .meal-modal-summary { grid-template-columns:1fr 1fr }
  .meal-modal-summary>div:nth-child(3) { border-left:0;padding-left:0 }
  .nutrition-goal-grid { grid-template-columns:1fr 1fr }
  .hydration-quick-grid { grid-template-columns:1fr 1fr }
  .custom-water-form { grid-template-columns:1fr }
  .custom-water-form button { width:100% }
}

/* Layout repair overrides: account, notifications, nutrition and app-like mobile */
.avatar.has-photo,
.profile-large-avatar.has-photo,
.profile-photo-preview.has-photo {
  overflow: hidden !important;
  padding: 0 !important;
}
.avatar img,
.profile-large-avatar img,
.profile-photo-preview img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}
.notification-btn {
  position: relative !important;
  overflow: visible !important;
}
.notification-btn #notificationDot {
  display: none;
  position: absolute;
  right: 7px;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d96a5e;
  border: 2px solid #fff;
}
.notification-btn #notificationDot.show { display: block; }
.notification-btn #notificationBadge {
  display: none;
  position: absolute;
  right: -6px;
  top: -7px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #c95f56;
  color: #fff;
  border: 2px solid #fff;
  font: 800 8px/14px "DM Sans", sans-serif;
  text-align: center;
  z-index: 2;
}
.notification-btn #notificationBadge.show { display: block; }
.notification-center {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: min(410px, 100%) !important;
  background: #f7f8f5 !important;
  z-index: 90 !important;
  box-shadow: -22px 0 60px rgba(18,46,37,.2) !important;
  transform: translateX(105%);
  transition: .28s ease;
  display: flex !important;
  flex-direction: column !important;
  padding: 22px !important;
}
.notification-center.open { transform: none !important; }
.notification-center button,
.account-modal button,
.nutrition-date-bar button,
.hydration-card button,
.hydration-modal button {
  appearance: none;
  -webkit-appearance: none;
}
.notification-center>header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 5px 2px 18px !important;
  border-bottom: 1px solid var(--line) !important;
}
.notification-center h2 {
  font-size: 21px !important;
  margin: 0 !important;
  letter-spacing: -.5px !important;
}
.notification-center>header button {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
}
.notification-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 13px 2px !important;
}
.notification-toolbar span { font-size: 8px !important;color: #798780 !important;font-weight: 700 !important; }
.notification-toolbar button {
  border: 0 !important;
  background: none !important;
  color: var(--green) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.notification-toolbar>div {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}
.notification-toolbar button.active {
  background: #e6f0eb !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
}
.notification-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  overflow: auto !important;
  padding: 1px 2px 20px !important;
}
.account-modal {
  width: min(680px, calc(100vw - 40px)) !important;
  max-height: min(90vh, 820px) !important;
  overflow: auto !important;
}
.account-modal .profile-modal-head {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 0 46px 18px 0 !important;
  border-bottom: 1px solid var(--line) !important;
}
.account-modal .profile-large-avatar {
  width: 76px !important;
  height: 76px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg,#dcebe4,#c9ddd4) !important;
  color: var(--green-dark) !important;
  display: grid !important;
  place-items: center !important;
  font: 800 20px "Manrope", sans-serif !important;
}
.account-modal .profile-modal-head h2 {
  margin: 0 0 7px !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  letter-spacing: -1.2px !important;
}
.account-modal .profile-modal-head p {
  margin: 1px 0 0 !important;
  color: #84918c !important;
  font-size: 10px !important;
}
.account-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px !important;
  background: #eef1ee !important;
  border-radius: 12px !important;
  padding: 4px !important;
  margin: 16px 0 !important;
}
.account-tabs button {
  border: 0 !important;
  background: transparent !important;
  border-radius: 9px !important;
  padding: 9px 8px !important;
  color: #74827c !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.account-tabs button.active {
  background: #fff !important;
  color: var(--green) !important;
  box-shadow: 0 3px 10px rgba(25,55,46,.08) !important;
}
.account-tab-panel { display: none !important; }
.account-tab-panel.active {
  display: block !important;
  animation: pageIn .2s ease !important;
}
.profile-photo-editor {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: center !important;
  background: #f4f7f5 !important;
  border-radius: 16px !important;
  padding: 14px !important;
  margin-bottom: 15px !important;
}
.profile-photo-preview {
  width: 82px !important;
  height: 82px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg,#dcebe4,#c9ddd4) !important;
  color: var(--green-dark) !important;
  display: grid !important;
  place-items: center !important;
  font: 800 20px "Manrope", sans-serif !important;
}
.profile-photo-editor>div:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.profile-photo-editor strong,
.profile-photo-editor small {
  display: block !important;
  width: 100% !important;
}
.profile-photo-editor strong { font-size: 10px !important; }
.profile-photo-editor small { color: #83908a !important;font-size: 8px !important;margin: 2px 0 6px !important; }
.profile-photo-editor label.secondary-btn {
  width: auto !important;
  margin: 0 !important;
}
.profile-photo-editor button#removeProfilePhoto {
  border: 0 !important;
  background: none !important;
  color: #a15c56 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  padding: 8px 4px !important;
}
.account-form .form-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.account-form>label,
.account-form .form-row label {
  display: block !important;
  color: #5d6c66 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}
.account-form input {
  width: 100% !important;
  border: 1px solid var(--line) !important;
  border-radius: 11px !important;
  padding: 11px !important;
  margin-top: 6px !important;
  background: #fafbfa !important;
  color: var(--ink) !important;
  outline: none !important;
  font-size: 10px !important;
  appearance: auto;
  -webkit-appearance: auto;
}
.account-form input:focus {
  border-color: #75a08e !important;
  box-shadow: 0 0 0 3px #e9f2ed !important;
}
.password-guidance {
  display: block !important;
  color: #87948e !important;
  font-size: 8px !important;
  margin: -3px 0 12px !important;
}
.profile-account-info {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  background: #f2f6f3 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin: 16px 0 !important;
}
.profile-account-info small,
.profile-account-info strong,
.profile-account-info em {
  display: block !important;
}
.profile-account-info small {
  color: #98a59f !important;
  font-size: 7px !important;
  letter-spacing: 1.5px !important;
  font-weight: 800 !important;
}
.profile-account-info strong { font-size: 10px !important;color: var(--ink) !important; }
.profile-account-info em {
  max-width: 430px !important;
  margin-top: 4px !important;
  color: #7c8b84 !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
  font-style: normal !important;
}
.danger-zone {
  border: 1px solid #efd4d0 !important;
  background: #fff7f6 !important;
  border-radius: 14px !important;
  padding: 15px !important;
  margin-top: 16px !important;
}
.danger-zone strong { color: #a94f49 !important;font-size: 10px !important; }
.danger-zone p {
  color: #8e716e !important;
  font-size: 8px !important;
  line-height: 1.5 !important;
  margin: 5px 0 11px !important;
}
.danger-zone button,
.danger-submit {
  width: 100% !important;
  border: 0 !important;
  background: #b54f49 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 11px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.nutrition-date-bar {
  display: grid !important;
  grid-template-columns: 38px auto minmax(0, 1fr) auto 38px !important;
  gap: 8px !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 15px !important;
  padding: 8px !important;
  margin-bottom: 14px !important;
}
.nutrition-date-bar>button {
  height: 34px !important;
  border: 1px solid var(--line) !important;
  background: #f8faf8 !important;
  color: #61736b !important;
  border-radius: 9px !important;
  padding: 0 12px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.nutrition-date-bar>button:first-child,
.nutrition-date-bar>button:last-child {
  width: 38px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
}
.nutrition-date-bar input {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  padding: 7px !important;
  color: transparent !important;
  background: #fff !important;
  cursor: pointer !important;
}
.hydration-card .water-actions button,
.water-actions button {
  min-height: 29px !important;
  border: 1px solid #d7e3e6 !important;
  background: #eef6f8 !important;
  color: #4f7f8f !important;
  border-radius: 8px !important;
  padding: 0 9px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

@media(max-width:640px) {
  body.authenticated .main {
    min-height: 100svh !important;
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }
  body.authenticated .content {
    padding: 18px 14px 28px !important;
  }
  .notification-center {
    width: 100% !important;
    padding: calc(18px + env(safe-area-inset-top)) 14px calc(86px + env(safe-area-inset-bottom)) !important;
    border-radius: 0 !important;
    z-index: 95 !important;
  }
  .account-modal {
    width: 100% !important;
    max-height: 100svh !important;
    border-radius: 24px 24px 0 0 !important;
    padding: 24px 16px calc(24px + env(safe-area-inset-bottom)) !important;
  }
  #profileBackdrop {
    align-items: end !important;
    padding: 0 !important;
  }
  .account-modal .profile-modal-head {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 13px !important;
    padding-right: 38px !important;
  }
  .account-modal .profile-large-avatar {
    width: 62px !important;
    height: 62px !important;
    border-radius: 20px !important;
    font-size: 16px !important;
  }
  .account-modal .profile-modal-head h2 {
    font-size: 21px !important;
  }
  .account-tabs {
    position: sticky !important;
    top: -24px !important;
    z-index: 3 !important;
  }
  .profile-photo-editor {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }
  .profile-photo-preview {
    width: 64px !important;
    height: 64px !important;
    border-radius: 19px !important;
  }
  .account-form .form-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .nutrition-date-bar {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }
  .nutrition-date-bar>#nutritionTodayButton,
  .nutrition-date-bar>input {
    display: none !important;
  }
  .mobile-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 60 !important;
    height: calc(64px + env(safe-area-inset-bottom)) !important;
    padding: 6px 13px env(safe-area-inset-bottom) !important;
    background: rgba(255,255,255,.96) !important;
    border-top: 1px solid #dfe5e1 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 58px 1fr 1fr !important;
    align-items: center !important;
    box-shadow: 0 -8px 28px rgba(20,50,42,.09) !important;
    backdrop-filter: blur(16px) !important;
  }
  .mobile-bottom-nav button {
    border: 0 !important;
    background: none !important;
    color: #82908a !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
  }
  .mobile-bottom-nav button svg {
    width: 19px !important;
    height: 19px !important;
  }
  .mobile-bottom-nav button.active { color: var(--green) !important; }
  .mobile-bottom-nav .mobile-add-button {
    width: 50px !important;
    height: 50px !important;
    border-radius: 16px !important;
    background: var(--green) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(33,91,72,.28) !important;
    justify-self: center !important;
    transform: translateY(-13px) !important;
  }
}

/* Ajustes finais aplicados no fim do CSS para vencer os overrides mobile anteriores */
.transaction-deleted-row {
  opacity: .78 !important;
  background: #fff8f7 !important;
  border-color: #efd5d1 !important;
  cursor: default !important;
}
.transaction-deleted-row .transaction-icon {
  background: #fae9e6 !important;
  color: #ad554e !important;
}
.transaction-deleted-row p em {
  display: block !important;
  margin-top: 4px !important;
  color: #a66c66 !important;
  font-size: 7px !important;
  font-style: normal !important;
}
.transaction-deleted-row b {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 3px !important;
  color: #9b6d68 !important;
}
.transaction-deleted-row b i {
  color: #b4544d !important;
  font-size: 6px !important;
  letter-spacing: 1px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
.live-workout-mobile-metrics { display: none; }
.session-finish-card:not(.show) { display: none !important; }
.session-finish-card.show { display: block !important; }
#workoutSessionBackdrop.session-review-mode .session-exercise-nav,
#workoutSessionBackdrop.session-review-mode .session-exercise-list,
#workoutSessionBackdrop.session-review-mode .session-navigation {
  display: none !important;
}
.back-to-workout-button {
  width: 100%;
  border: 1px solid #dce6e1;
  background: #f6faf8;
  color: var(--green);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 2px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}
.back-to-workout-button svg {
  width: 14px;
  transform: rotate(180deg);
}
.workout-exit-backdrop {
  z-index: 130 !important;
}
.workout-exit-modal {
  width: min(480px, calc(100vw - 34px)) !important;
  padding: 28px !important;
  border-radius: 24px !important;
}
.workout-exit-modal h2 {
  margin: 8px 0 8px !important;
  font-size: clamp(24px, 4vw, 34px) !important;
  letter-spacing: -1px !important;
}
.workout-exit-modal p {
  margin: 0 !important;
  color: #77847f !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}
.workout-exit-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 18px 0;
}
.workout-exit-summary div {
  min-width: 0;
  border: 1px solid #e1e8e4;
  background: #f6faf8;
  border-radius: 14px;
  padding: 12px;
}
.workout-exit-summary small,
.workout-exit-summary strong {
  display: block;
}
.workout-exit-summary small {
  color: #8e9b95;
  font-size: 7px;
  letter-spacing: 1.3px;
  font-weight: 900;
}
.workout-exit-summary strong {
  color: var(--green-dark);
  font-size: 11px;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.workout-exit-actions {
  display: grid;
  gap: 9px;
}
.workout-exit-actions button {
  width: 100%;
  min-height: 48px;
  justify-content: center;
}
.workout-exit-actions button span {
  display: inline !important;
}
.workout-exit-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(.2);
}
.session-feeling-options button.active {
  position: relative;
}
.session-feeling-options button.active::after {
  content: "✓";
  position: absolute;
  right: 12px;
  top: 11px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--green);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
}
.session-feeling-options button.active strong {
  color: var(--green-dark) !important;
}
.session-feeling-options button.active small {
  color: #55796b !important;
  padding-right: 24px;
}

@media(max-width:700px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }
  input::placeholder,
  textarea::placeholder {
    font-size: 16px !important;
  }
  #workoutSessionBackdrop.open {
    background: #0d100f !important;
    padding: 0 !important;
    place-items: stretch !important;
  }
  .workout-session-modal {
    width: 100% !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    border-radius: 0 !important;
    background: #0e1110 !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  .live-workout-header {
    min-height: 390px !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 18px !important;
    text-align: center !important;
    background: radial-gradient(circle at 50% 22%, rgba(84,133,111,.28), transparent 35%), linear-gradient(180deg,#101312,#0e1110) !important;
  }
  #workoutSessionBackdrop.session-review-mode .live-workout-header {
    min-height: 255px !important;
  }
  .live-workout-close {
    left: 16px !important;
    right: auto !important;
    top: calc(14px + env(safe-area-inset-top)) !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  .live-workout-title { padding: 42px 10px 0 !important; }
  .live-workout-title>span {
    color: #73817b !important;
    font-size: 7px !important;
  }
  .live-workout-title h2 {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 5px !important;
  }
  .live-workout-title small { color: #9ba8a2 !important; }
  .live-workout-clock {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .live-workout-clock>svg { display: none !important; }
  .live-workout-clock small {
    color: #77847f !important;
    font-size: 8px !important;
    letter-spacing: 1.8px !important;
  }
  .live-workout-clock strong {
    color: #fff !important;
    font-size: clamp(56px, 18vw, 82px) !important;
    line-height: .95 !important;
    letter-spacing: -4px !important;
  }
  .live-workout-clock button {
    width: 86px !important;
    height: 86px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: #2a6a55 !important;
    color: #fff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 18px 35px rgba(0,0,0,.35) !important;
  }
  .live-workout-clock button.running {
    background: #f0f5f2 !important;
    color: #153f34 !important;
  }
  .live-workout-clock button svg { width: 30px !important;height: 30px !important; }
  .live-workout-clock button span { display: block !important;font-size: 8px !important;margin-top: 4px !important; }
  .live-workout-mobile-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
  }
  .live-workout-mobile-metrics div {
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(255,255,255,.055) !important;
    border-radius: 18px !important;
    padding: 12px 8px !important;
  }
  .live-workout-mobile-metrics small,
  .live-workout-mobile-metrics strong { display: block !important; }
  .live-workout-mobile-metrics small {
    color: #7c8983 !important;
    font-size: 6px !important;
    letter-spacing: 1.4px !important;
    font-weight: 900 !important;
  }
  .live-workout-mobile-metrics strong {
    color: #fff !important;
    font-size: 13px !important;
    margin-top: 5px !important;
  }
  .live-workout-progress { width: 100% !important; }
  .live-workout-progress strong { color: #fff !important; }
  .session-exercise-nav {
    position: sticky !important;
    top: 0 !important;
    background: #111513 !important;
    border-color: #202622 !important;
    padding: 12px 14px !important;
  }
  .session-exercise-nav button {
    background: #181d1a !important;
    border-color: #27302b !important;
    color: #fff !important;
  }
  .session-exercise-nav button.active {
    background: #eaf3ee !important;
    border-color: #eaf3ee !important;
    color: #143f34 !important;
  }
  .session-exercise-nav small { color: #8d9a94 !important; }
  .session-exercise-list { background: #0e1110 !important; }
  .session-exercise,
  .session-finish-card {
    background: #171b19 !important;
    border-color: #27302b !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
    color: #fff !important;
  }
  .active-exercise-header h3,
  .session-summary-heading h3,
  .session-finish-card strong { color: #fff !important; }
  .active-exercise-header p,
  .last-performance,
  .exercise-tip,
  .session-summary-heading p,
  .session-closing-fields label { color: #aab5b0 !important; }
  .exercise-order,
  .exercise-set-progress,
  .last-performance,
  .exercise-tip,
  .session-summary-stats>div,
  .session-feeling-block {
    background: #202521 !important;
    border-color: #2c342f !important;
  }
  .set-table-head { color: #75827c !important; }
  .set-row {
    background: #202521 !important;
    border-color: #2c342f !important;
    color: #fff !important;
  }
  .workout-session-modal .set-value-select,
  .session-closing-fields select,
  .session-closing-fields textarea {
    background: #101412 !important;
    border-color: #303934 !important;
    color: #fff !important;
  }
  .session-feeling-options button {
    background: #202521 !important;
    border-color: #303934 !important;
    color: #fff !important;
  }
  .session-feeling-options button.active {
    background: #eaf3ee !important;
    color: #143f34 !important;
    border-color: #a7cabe !important;
    box-shadow: 0 0 0 2px rgba(234,243,238,.18), 0 12px 30px rgba(0,0,0,.28) !important;
  }
  .session-feeling-options button.active strong {
    color: #143f34 !important;
  }
  .session-feeling-options button.active small {
    color: #55796b !important;
  }
  .session-feeling-options button.active>span {
    background: #dcebe4 !important;
  }
  .back-to-workout-button {
    background: #202521 !important;
    border-color: #303934 !important;
    color: #dcebe4 !important;
    min-height: 50px !important;
    font-size: 13px !important;
  }
  .workout-exit-backdrop {
    align-items: end !important;
    padding: 0 !important;
  }
  .workout-exit-modal {
    width: 100% !important;
    border-radius: 26px 26px 0 0 !important;
    padding: 24px 18px calc(22px + env(safe-area-inset-bottom)) !important;
  }
  .workout-exit-modal p {
    font-size: 14px !important;
  }
  .workout-exit-summary {
    grid-template-columns: 1fr !important;
  }
  .workout-exit-summary div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }
  .workout-exit-summary small {
    font-size: 10px !important;
  }
  .workout-exit-summary strong {
    font-size: 15px !important;
  }
  .workout-exit-actions button {
    min-height: 54px !important;
    font-size: 14px !important;
  }
  .session-navigation {
    background: #0e1110 !important;
    color: #fff !important;
  }
  .session-navigation button {
    background: #202521 !important;
    border-color: #303934 !important;
    color: #fff !important;
  }
  .finish-workout-button { background: #2a6a55 !important; }
}