@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap";:root{--canvas:#f6f8fa;--surface:#fff;--surface-subtle:#edf2f5;--text:#172026;--text-muted:#596773;--border:#d8e0e5;--primary:#0b6f75;--primary-hover:#085a60;--primary-soft:#e3f3f2;--focus:#2563eb;--success:#16835b;--warning:#a85d00;--danger:#c7354f;--chart-teal:#0f8c86;--chart-blue:#377dcc;--chart-rose:#d94b70;--chart-amber:#d99018;--chart-indigo:#5c63d8;--chart-green:#2e9d69;--chart-cyan:#2a9db0;--stage-awake:#d94b70;--stage-rem:#5c63d8;--stage-light:#377dcc;--stage-deep:#0f8c86;--stress-rest:#2e9d69;--stress-low:#377dcc;--stress-medium:#d99018;--stress-high:#d94b70;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-panel:8px;--radius-input:6px;--radius-full:9999px;--sidebar-width:232px;--rail-width:72px;--bottom-nav-height:64px;--top-bar-height:56px;--desktop-page-gap:24px;--mobile-page-gap:16px;--desktop-panel-padding:20px;--mobile-panel-padding:16px;--desktop-outer-padding:32px;--shadow-dialog:0 12px 32px #17202624;--transition-fast:.14s ease-out;--transition-normal:.18s ease-out;--transition-slow:.22s ease-out;--transition-chart:.25s ease-out}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1;margin:0;padding:0;font-size:14px;font-weight:400;line-height:20px}#root{min-height:100dvh}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:0;font-feature-settings:"tnum" 1;margin:0;font-weight:700}.page-title{font-size:28px;font-weight:700;line-height:34px}.section-title{font-size:18px;font-weight:650;line-height:24px}.card-metric{font-feature-settings:"tnum" 1;font-size:28px;font-weight:700;line-height:32px}.body-text{font-size:14px;font-weight:400;line-height:20px}.ui-label{font-size:13px;font-weight:600;line-height:18px}.supporting-text{font-size:12px;font-weight:400;line-height:17px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-sans);font-feature-settings:"tnum" 1}.btn{justify-content:center;align-items:center;gap:var(--space-8);padding:0 var(--space-16);border-radius:var(--radius-input);min-width:40px;height:40px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;letter-spacing:0;border:1px solid #0000;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{stroke-width:1.75px;flex-shrink:0;width:18px;height:18px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-subtle)}.btn-danger-outline{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.btn-danger-filled{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger-filled:hover:not(:disabled){background:#b02a41}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.btn-icon-only{width:40px;height:40px;padding:0}@media (width<=767px){.btn{min-width:44px;height:44px}.btn-icon-only{width:44px;height:44px}}input,select,textarea{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);padding:0 var(--space-12);width:100%;height:40px;transition:border-color var(--transition-fast);letter-spacing:0;font-feature-settings:"tnum" 1;font-size:14px;line-height:20px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--primary)}input::placeholder{color:var(--text-muted)}@media (width<=767px){input,select{height:48px}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--desktop-panel-padding)}@media (width<=767px){.panel{padding:var(--mobile-panel-padding)}}.chart-panel{gap:var(--space-12);flex-direction:column;display:flex}.chart-panel__header{justify-content:space-between;align-items:center;min-height:24px;display:flex}.chart-panel__header-left{align-items:baseline;gap:var(--space-8);display:flex}.chart-panel__header-right{align-items:center;gap:var(--space-8);display:flex}.chart-panel__plot{width:100%;height:280px}@media (width<=767px){.chart-panel__plot{height:220px}}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-16);gap:var(--space-4);flex-direction:column;min-height:116px;display:flex;position:relative}@media (width<=767px){.kpi-card{min-height:104px}}.kpi-card__icon-row{justify-content:space-between;align-items:center;display:flex}.kpi-card__icon{stroke-width:1.75px;width:18px;height:18px;color:var(--primary)}.kpi-card__delta{align-items:center;gap:var(--space-4);font-size:12px;font-weight:600;line-height:17px;display:flex}.kpi-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;line-height:17px}.kpi-card__value{color:var(--text);font-feature-settings:"tnum" 1;font-size:28px;font-weight:700;line-height:32px}@media (width<=767px){.kpi-card__value{font-size:24px;line-height:28px}}.kpi-card__unit{color:var(--text-muted);margin-left:var(--space-4);font-size:14px;font-weight:400}.kpi-card__progress-track{background:var(--surface-subtle);height:4px;margin-top:var(--space-4);border-radius:2px;overflow:hidden}.kpi-card__progress-fill{background:var(--primary);height:100%;transition:width var(--transition-chart);border-radius:2px}.app-layout{min-height:100dvh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{padding:var(--desktop-outer-padding);gap:var(--desktop-page-gap);flex-direction:column;flex:1;width:100%;max-width:1440px;display:flex}.top-bar{height:var(--top-bar-height);background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--space-16);z-index:50;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.top-bar__brand{align-items:center;gap:var(--space-8);color:var(--text);font-size:16px;font-weight:650;display:flex}.top-bar__brand-icon{stroke-width:1.75px;width:24px;height:24px;color:var(--primary)}@media (width<=767px){.top-bar{display:flex}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--space-8);padding:var(--space-32) var(--space-16) var(--space-24);color:var(--text);font-size:16px;font-weight:650;display:flex}.sidebar__brand-icon{stroke-width:1.75px;width:24px;height:24px;color:var(--primary)}.sidebar__nav{gap:var(--space-4);padding:0 var(--space-8);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-input);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);border-left:3px solid #0000;height:40px;margin-left:-3px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--surface-subtle);text-decoration:none}.sidebar__link svg{stroke-width:1.75px;flex-shrink:0;width:18px;height:18px}.sidebar__link--active{background:var(--primary-soft);color:var(--primary);border-left-color:var(--primary)}.sidebar__link--active svg{color:var(--primary)}.sidebar__footer{padding:var(--space-16);border-top:1px solid var(--border);gap:var(--space-8);flex-direction:column;display:flex}.sidebar__status{align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:12px;display:flex}.sidebar__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar__status-dot--connected{background:var(--success)}.sidebar__status-dot--disconnected{background:var(--text-muted)}@media (width>=768px) and (width<=1199px){.sidebar{width:var(--rail-width);min-width:var(--rail-width)}.sidebar__brand,.sidebar__footer,.sidebar__link span{display:none}.sidebar__brand{padding:var(--space-16) 0;justify-content:center}.sidebar__brand-icon{display:block}.sidebar__nav{padding:0 var(--space-12);align-items:center}.sidebar__link{padding:var(--space-12);border-left:none;justify-content:center;width:48px;height:48px;margin-left:0}.sidebar__link--active{border-radius:var(--radius-input);border-left-color:#0000}}.bottom-nav{height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav__list{justify-content:space-around;align-items:center;height:100%;margin:0;padding:0;list-style:none;display:flex}.bottom-nav__link{padding:var(--space-4) var(--space-8);color:var(--text-muted);border-radius:var(--radius-input);min-width:48px;min-height:48px;transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.bottom-nav__link:hover{text-decoration:none}.bottom-nav__link svg{stroke-width:1.75px;width:20px;height:20px}.bottom-nav__link--active,.bottom-nav__link--active svg{color:var(--primary)}@media (width<=767px){.bottom-nav{display:block}.app-content{padding:var(--space-16);padding-bottom:calc(var(--bottom-nav-height) + var(--space-16) + env(safe-area-inset-bottom,0))}.sidebar{display:none}}.segmented-control{background:var(--surface-subtle);border-radius:var(--radius-input);display:inline-flex;overflow:hidden}.segmented-control__item{padding:var(--space-4) var(--space-12);color:var(--text-muted);border-radius:var(--radius-input);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:var(--space-4);background:0 0;border:none;height:32px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex}.segmented-control__item:hover{color:var(--text)}.segmented-control__item--active{background:var(--primary-soft);color:var(--primary)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-16);min-height:40px;display:flex}.page-header__left{gap:var(--space-4);flex-direction:column;display:flex}.page-header__right{align-items:center;gap:var(--space-12);display:flex}.page-header__subtitle{color:var(--text-muted);font-size:14px;line-height:20px}@media (width<=767px){.page-header{gap:var(--space-12);flex-direction:column}.page-header__right{flex-wrap:wrap;width:100%}.page-title{font-size:24px;line-height:30px}}.grid-2{gap:var(--desktop-page-gap);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--desktop-page-gap);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--desktop-page-gap);grid-template-columns:repeat(4,1fr);display:grid}.grid-5{gap:var(--desktop-page-gap);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=767px){.grid-2,.grid-3,.grid-4,.grid-5{gap:var(--mobile-page-gap);grid-template-columns:repeat(2,1fr)}}@media (width>=768px) and (width<=1199px){.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}.layout-2-1{gap:var(--desktop-page-gap);grid-template-columns:2fr 1fr;display:grid}@media (width<=767px){.layout-2-1{grid-template-columns:1fr}}.data-table{border-collapse:collapse;width:100%}.data-table th{height:44px;padding:0 var(--space-12);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);font-size:12px;font-weight:600;position:sticky;top:0}.data-table th:last-child,.data-table td:last-child{text-align:right}.data-table td{height:52px;padding:0 var(--space-12);border-bottom:1px solid var(--border);font-feature-settings:"tnum" 1;font-size:14px;line-height:20px}.data-table td.numeric{text-align:right}.data-table tr:hover td{background:var(--surface-subtle)}.data-table tr{cursor:pointer;transition:background var(--transition-fast)}.data-table tr:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.state-message{justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-16);text-align:center;flex-direction:column;display:flex}.state-message__icon{stroke-width:1.75px;width:32px;height:32px;color:var(--text-muted)}.state-message__title{color:var(--text);font-size:16px;font-weight:650;line-height:24px}.state-message__text{color:var(--text-muted);max-width:360px;font-size:14px}.skeleton{background:var(--surface-subtle);border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton--text{width:100%;height:14px}.skeleton--value{width:80px;height:32px}.skeleton--chart{width:100%;height:280px}.stale-banner{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--warning);border-radius:var(--radius-input);color:var(--warning);background:#fff8eb;font-size:13px;display:flex}.connected-badge{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);color:var(--success);background:#e8f5ee;font-size:13px;font-weight:600;display:inline-flex}.connected-badge__dot{background:var(--success);border-radius:50%;width:10px;height:10px}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot--success{background:var(--success)}.status-dot--warning{background:var(--warning)}.status-dot--danger{background:var(--danger)}.toast-container{z-index:100;gap:var(--space-8);flex-direction:column;max-width:400px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-12) var(--space-16);box-shadow:var(--shadow-dialog);animation:toast-in var(--transition-normal) ease-out;font-size:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.toast-container{top:calc(var(--top-bar-height) + 8px);max-width:none;left:16px;right:16px}}.dialog-overlay{z-index:60;padding:var(--space-16);background:#1720264d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);padding:var(--desktop-panel-padding);gap:var(--space-16);flex-direction:column;width:100%;max-width:440px;display:flex}@media (width<=767px){.dialog{max-width:calc(100vw - var(--space-32));padding:var(--mobile-panel-padding)}}.dialog__title{color:var(--text);font-size:18px;font-weight:650}.dialog__body{color:var(--text-muted);font-size:14px;line-height:20px}.dialog__actions{gap:var(--space-8);justify-content:flex-end;display:flex}.login-page{background:var(--surface);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.login-page__brand{top:var(--space-32);left:var(--space-32);align-items:center;gap:var(--space-8);color:var(--text);font-size:16px;font-weight:650;display:flex;position:absolute}.login-page__brand-icon{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-input);padding:var(--space-4)}.login-page__content{width:400px;max-width:100%;padding:0 var(--space-16)}.login-page__heading{color:var(--text);margin-bottom:var(--space-4);font-size:28px;font-weight:700}.login-page__supporting{color:var(--text-muted);margin-bottom:var(--space-24);font-size:14px}.login-page__form{gap:var(--space-16);flex-direction:column;display:flex}.login-page__field{gap:var(--space-4);flex-direction:column;display:flex}.login-page__label{color:var(--text);font-size:13px;font-weight:600}.login-page__input-wrapper{position:relative}.login-page__reveal{right:var(--space-4);padding:var(--space-4);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-page__error{min-height:20px;color:var(--danger);font-size:13px}.login-page__footer{bottom:var(--space-32);text-align:center;color:var(--text-muted);font-size:12px;position:absolute}.session-expired-banner{border:1px solid var(--warning);color:var(--warning);padding:var(--space-8) var(--space-12);border-radius:var(--radius-input);margin-bottom:var(--space-16);background:#fff8eb;font-size:13px}.garmin-setup{max-width:680px}.garmin-setup__progress{margin-bottom:var(--space-32);justify-content:center;align-items:center;gap:0;display:flex}.garmin-setup__step{align-items:center;gap:var(--space-8);font-size:12px;font-weight:600;display:flex}.garmin-setup__step-circle{border:2px solid var(--border);width:28px;height:28px;color:var(--text-muted);background:var(--surface);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.garmin-setup__step--active .garmin-setup__step-circle{border-color:var(--primary);background:var(--primary);color:#fff}.garmin-setup__step--done .garmin-setup__step-circle{border-color:var(--success);background:var(--success);color:#fff}.garmin-setup__step--done span{color:var(--success)}.garmin-setup__step-line{background:var(--border);width:48px;height:2px;margin:0 var(--space-8)}.garmin-setup__step--done+.garmin-setup__step-line{background:var(--success)}.sync-progress{background:var(--surface-subtle);border-radius:4px;width:100%;height:8px;overflow:hidden}.sync-progress__fill{background:var(--primary);height:100%;transition:width var(--transition-chart);border-radius:4px}.activity-type-badge{align-items:center;gap:var(--space-4);color:var(--text);font-size:13px;font-weight:500;display:inline-flex}.activity-type-badge__icon{stroke-width:1.75px;width:18px;height:18px}.coverage-grid{gap:var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=767px){.coverage-grid{grid-template-columns:1fr}}.coverage-item{padding:var(--space-8) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.coverage-item:last-child{border-bottom:none}.coverage-item__label{color:var(--text);font-size:13px;font-weight:600}.coverage-item__date{color:var(--text-muted);font-size:12px}.pagination{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) 0;display:flex}.pagination__btn{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--surface);min-width:36px;height:36px;color:var(--text);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.pagination__btn:hover{background:var(--surface-subtle)}.pagination__btn--active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.sleep-timeline{border-radius:var(--radius-input);width:100%;height:48px;display:flex;overflow:hidden}.sleep-timeline__segment{height:100%;transition:width var(--transition-chart);cursor:pointer;position:relative}.sleep-timeline__segment--awake{background:var(--stage-awake)}.sleep-timeline__segment--rem{background:var(--stage-rem)}.sleep-timeline__segment--light{background:var(--stage-light)}.sleep-timeline__segment--deep{background:var(--stage-deep)}.sleep-timeline__tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-input);padding:var(--space-4) var(--space-8);white-space:nowrap;box-shadow:var(--shadow-dialog);pointer-events:none;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.night-strip{gap:var(--space-8);padding:var(--space-4) 0;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.night-strip__item{width:64px;padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-input);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--surface);flex-shrink:0;font-size:11px}.night-strip__item:hover{border-color:var(--primary)}.night-strip__item--active{border-color:var(--primary);background:var(--primary-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex-spacer{flex:1}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.mt-32{margin-top:var(--space-32)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-32) 0}.tabs-bar{border-bottom:1px solid var(--border);margin-bottom:var(--space-16);gap:0;display:flex}.tabs-bar__item{padding:var(--space-8) var(--space-16);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:14px;font-weight:600}.tabs-bar__item:hover{color:var(--text)}.tabs-bar__item--active{color:var(--primary);border-bottom-color:var(--primary)}.back-link{align-items:center;gap:var(--space-4);color:var(--text-muted);padding:var(--space-4) 0;font-size:14px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text);text-decoration:none}.back-link svg{stroke-width:1.75px;width:16px;height:16px}.def-list{gap:var(--space-8) var(--space-16);grid-template-columns:auto 1fr;font-size:14px;display:grid}.def-list dt{color:var(--text-muted);font-weight:500}.def-list dd{color:var(--text);margin:0}.inline-error{align-items:center;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--danger);border-radius:var(--radius-input);color:var(--danger);background:#fef2f2;font-size:13px;display:flex}.inline-error svg{flex-shrink:0;width:16px;height:16px}@media (width>=768px) and (width<=1199px){.app-content{padding:var(--space-24)}}