:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#060817;--color-bg-elevated:#090e22;--color-sidebar:#070b1c;--color-surface:#0d142c;--color-surface-soft:#121b38;--color-surface-hover:#172344;--color-surface-strong:#1b2950;--color-border:#202c51;--color-border-strong:#314273;--color-text:#eff4ff;--color-text-soft:#b6c2e2;--color-text-muted:#7483aa;--color-accent:#4f7cff;--color-accent-strong:#6d94ff;--color-accent-ink:#f8fbff;--color-accent-soft:#4f7cff1f;--color-blue:#4c9cff;--color-blue-soft:#4c9cff1f;--color-cyan:#22d3ee;--color-cyan-soft:#22d3ee1a;--color-purple:#818cf8;--color-magenta:#e879f9;--color-orange:#f5a65b;--color-danger:#fb7185;--color-danger-soft:#fb71851a;--color-warning:#e9b653;--color-warning-soft:#e9b65314;--color-success:#47d99b;--glass-strong:#0d1430ad;--glass-medium:#0b1128d1;--glass-light:#1e294e7a;--glass-minimal:#ffffff09;--glass-bg:var(--glass-light);--glass-bg-hover:#27345e9e;--glass-border:#818cf82e;--glass-border-medium:#94a3b821;--glass-border-light:#94a3b81a;--sidebar-width:268px;--sidebar-collapsed-width:84px;--topbar-height:88px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-panel:0 18px 52px #0000003d, 0 0 28px #3b65f609;--transition:.18s ease;font-family:Inter,Inter Tight,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 76% -20%, #22d3ee10, transparent 35rem), radial-gradient(circle at 12% 12%, #4f7cff0b, transparent 25rem), var(--color-bg);margin:0;overflow-x:hidden}body,button,input{font:inherit}button,input{color:inherit}button{border:0}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4f7cff3d}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}svg{display:block}::selection{color:var(--color-accent-ink);background:var(--color-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{border:3px solid var(--color-bg);background:var(--color-border-strong);border-radius:999px}#root{min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.section-eyebrow{color:#78a6ff;letter-spacing:.16em;align-items:center;gap:8px;margin-bottom:9px;font-size:.69rem;font-weight:800;line-height:1;display:inline-flex}.section-eyebrow:before{content:"";background:currentColor;width:18px;height:1px}.page-stack{gap:24px;min-width:0;display:grid}.app-shell,.app-layout{min-height:100vh}.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);transition:grid-template-columns var(--transition);display:grid}.app-layout--collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.app-main,.app-content{min-width:0}.app-main{grid-column:2}.app-content{width:min(100%,1560px);margin:0 auto;padding:32px 36px 56px}.app-content:focus{outline:none}.sidebar,.app-sidebar{z-index:50;width:var(--sidebar-width);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);min-height:100vh;transition:width var(--transition), transform var(--transition);background:linear-gradient(#090e23f0,#050919e0);border-right:1px solid #818cf824;flex-direction:column;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:16px 0 45px #00000038,inset -1px 0 #ffffff06}.app-layout--collapsed .sidebar,.app-layout--collapsed .app-sidebar,.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:13px;min-height:54px;padding:0 8px 22px;display:flex;overflow:hidden}.sidebar-brand__mark,.brand-mark{color:#eaf3ff;background:linear-gradient(145deg,#22d3ee52,#0000 56%),linear-gradient(135deg,#2563eb,#5145cd);border:1px solid #60a5fa57;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 1px #fff3,0 0 24px #3b82f611}.sidebar-brand__mark:after,.brand-mark:after{content:"";background:var(--color-cyan);border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;right:6px;box-shadow:0 0 7px #22d3ee9e}.sidebar-brand__copy,.brand-copy{white-space:nowrap;min-width:0}.sidebar-brand__copy strong,.brand-copy strong{letter-spacing:-.02em;font-size:.93rem;display:block}.sidebar-brand__copy span,.brand-copy span{color:var(--color-text-muted);letter-spacing:.14em;margin-top:3px;font-size:.67rem;font-weight:700;display:block}.app-layout--collapsed .sidebar-brand__copy,.app-layout--collapsed .brand-copy,.sidebar--collapsed .sidebar-brand__copy{opacity:0}.sidebar-nav{gap:7px;margin-top:24px;display:grid}.sidebar-nav__label,.sidebar-section-label{color:var(--color-text-muted);letter-spacing:.15em;white-space:nowrap;padding:0 12px 6px;font-size:.64rem;font-weight:800}.sidebar-link,.sidebar-nav a{min-height:46px;color:var(--color-text-soft);white-space:nowrap;transition:color var(--transition), background var(--transition);border:1px solid #0000;border-radius:13px;align-items:center;gap:13px;padding:0 13px;font-size:.85rem;font-weight:620;display:flex;position:relative;overflow:hidden}.sidebar-link:hover,.sidebar-nav a:hover{color:var(--color-text);background:#1e294e47;border-color:#94a3b814}.sidebar-link.active,.sidebar-link--active,.sidebar-nav a[aria-current=page]{color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f46e547,#0ea5e92e);border-color:#818cf838;box-shadow:inset 0 1px #ffffff1a,0 8px 22px #2563eb14}.sidebar-link.active:before,.sidebar-link--active:before,.sidebar-nav a[aria-current=page]:before{content:"";background:linear-gradient(180deg, var(--color-cyan), var(--color-accent));border-radius:0 999px 999px 0;width:3px;position:absolute;inset:9px auto 9px 0;box-shadow:0 0 10px #4f7cff61}.sidebar-link svg,.sidebar-nav a svg{flex:0 0 20px;width:20px;height:20px}.app-layout--collapsed .sidebar-link,.sidebar--collapsed .sidebar-link{justify-content:center;padding-inline:0}.app-layout--collapsed .sidebar-link span,.app-layout--collapsed .sidebar-nav__label,.app-layout--collapsed .sidebar-section-label,.sidebar--collapsed .sidebar-link span{display:none}.sidebar-footer{margin-top:auto}.sidebar-insight{border:1px solid var(--glass-border-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#0b1128b8;border-radius:16px;padding:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.sidebar-insight strong{color:var(--color-accent);font-size:.76rem;display:block}.sidebar-insight p{color:var(--color-text-muted);white-space:normal;margin-top:5px;font-size:.72rem;line-height:1.45}.app-layout--collapsed .sidebar-insight,.sidebar--collapsed .sidebar-insight{display:none}.sidebar-collapse,.sidebar-toggle{border:1px solid var(--glass-border-light);width:38px;height:38px;color:var(--color-text-soft);background:var(--glass-minimal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;place-items:center;margin:12px auto 0;display:grid}.app-layout:not(.app-layout--collapsed) .sidebar-collapse svg{transform:rotate(180deg)}.sidebar-backdrop{display:none}.topbar,.app-topbar{z-index:30;min-height:var(--topbar-height);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:linear-gradient(145deg,#121b3dbd,#060a1cc7);border-bottom:1px solid #818cf824;justify-content:space-between;align-items:center;gap:24px;padding:16px 36px;display:flex;position:sticky;top:0;box-shadow:0 12px 32px #0000002e,inset 0 -1px #ffffff06}.topbar__leading,.topbar-leading,.topbar__actions,.topbar-actions{align-items:center;display:flex}.topbar__leading,.topbar-leading{gap:14px;min-width:0}.topbar__actions,.topbar-actions{flex:none;gap:12px}.app-topbar .topbar__menu,.topbar .topbar-menu-button{display:none}.topbar__title span,.topbar-title span{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;font-weight:760;display:block}.topbar__title h1,.topbar-title h1{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;line-height:1.2;overflow:hidden}.profile-chip,.topbar-profile{border:1px solid var(--glass-border-medium);background:var(--glass-light);-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);border-radius:14px;align-items:center;gap:10px;min-height:42px;padding:5px 10px 5px 6px;display:flex;box-shadow:inset 0 1px #ffffff0f}.profile-chip__avatar,.topbar-profile__avatar{color:#f7fbff;background:linear-gradient(135deg,#2878ff,#6558e8);border-radius:10px;place-items:center;width:31px;height:31px;font-size:.68rem;font-weight:900;display:grid}.profile-chip__copy strong,.topbar-profile strong{font-size:.72rem;display:block}.profile-chip__copy span,.topbar-profile span{color:var(--color-text-muted);margin-top:2px;font-size:.63rem;display:block}.button,.ui-button{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px)saturate(135%);backdrop-filter:blur(10px)saturate(135%);min-height:42px;transition:transform var(--transition), border-color var(--transition), color var(--transition), background var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.78rem;font-weight:760;line-height:1;display:inline-flex}.button:not(:disabled):hover,.ui-button:not(:disabled):hover{transform:translateY(-1px)}.button--primary,.ui-button--primary{color:#fff;background:linear-gradient(135deg,#4f46e5f0,#0ea5e9e6);border-color:#a5b4fc52;box-shadow:0 8px 22px #2563eb33,inset 0 1px #fff3}.button--primary:not(:disabled):hover,.ui-button--primary:not(:disabled):hover{background:linear-gradient(135deg,#5b52ebfa,#1eb1ebf0);border-color:#8bb7ffad;box-shadow:0 10px 26px #2563eb3d,inset 0 1px #ffffff38}.topbar-new-workout{background:linear-gradient(135deg,#4f46e5f0,#0ea5e9e6);border-color:#69a5ff80}.button--ghost,.ui-button--ghost{border-color:var(--glass-border-light);color:var(--color-text-soft);background:var(--glass-minimal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.button--secondary,.ui-button--secondary{color:var(--color-text-soft);background:var(--glass-light);border-color:#94a3b82e;box-shadow:inset 0 1px #ffffff12}.button--ghost:not(:disabled):hover,.ui-button--ghost:not(:disabled):hover,.button--secondary:not(:disabled):hover,.ui-button--secondary:not(:disabled):hover{border-color:var(--color-border-strong);color:var(--color-text);background:var(--glass-bg-hover)}.button--danger,.ui-button--danger{color:#fff6f7;background:#be2f4aad;border-color:#fb718552;box-shadow:inset 0 1px #ffffff1a}.icon-button,.ui-icon-button{border:1px solid var(--glass-border-light);width:42px;height:42px;color:var(--color-text-soft);background:var(--glass-minimal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;place-items:center;padding:0;display:grid}.icon-button:hover,.ui-icon-button:hover{color:var(--color-text);background:var(--glass-bg-hover)}.panel,.chart-card,.metric-card{min-width:0;box-shadow:var(--shadow-panel)}.panel,.chart-card{border:1px solid var(--glass-border-medium);background:linear-gradient(145deg, #ffffff09, transparent 34%), var(--glass-medium);-webkit-backdrop-filter:blur(10px)saturate(115%);backdrop-filter:blur(10px)saturate(115%);box-shadow:0 16px 40px #00000040,0 0 24px #3b82f60a,inset 0 1px #ffffff0e}.panel{border-radius:var(--radius-lg)}.metric-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:radial-gradient(circle at 108% -15%,#38bdf81a,#0000 42%),linear-gradient(145deg,#1f295b94,#090f26b8);box-shadow:0 16px 40px #00000047,0 0 24px #3b82f60e,inset 0 1px #ffffff1a,inset 0 -1px #ffffff05}.panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;display:flex}.panel-header h2{letter-spacing:-.025em;font-size:1.15rem}.panel-header p{color:var(--color-text-muted);margin-top:6px;font-size:.78rem;line-height:1.5}.panel-header--toolbar{align-items:center}.period-selector,.dashboard-period{border:1px solid var(--glass-border);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);border-radius:13px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff13}.period-selector button,.dashboard-period button{min-height:32px;color:var(--color-text-muted);background:var(--glass-minimal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:9px;padding:0 10px;font-size:.68rem;font-weight:760}.period-selector button[aria-pressed=true],.period-selector button.active,.dashboard-period button[aria-pressed=true]{color:var(--color-text);background:#4f46e53d;box-shadow:inset 0 0 0 1px #818cf838,inset 0 1px #ffffff17}.period-selector button:disabled,.dashboard-period button:disabled{opacity:.35}.api-status,.ui-api-status{color:#c4cce1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1128c7;border:1px solid #e9b65333;border-radius:10px;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:.67rem;font-weight:700;display:inline-flex}.api-status:before,.ui-api-status:before,.api-status__dot{content:"";background:var(--color-warning);border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #e9b6533d}.api-status--online:before,.ui-api-status--online:before{background:var(--color-success);box-shadow:0 0 7px #47d99b47}.api-status--offline:before,.ui-api-status--offline:before{background:var(--color-warning);box-shadow:0 0 7px #e9b6533d}.api-status--offline:before,.api-status--degraded:before{display:none}.api-status__icon{color:var(--color-warning);flex:none}.api-status--online,.ui-api-status--online{border-color:#47d99b29}.api-status--offline,.api-status--degraded,.api-status--checking{border-color:#e9b65333}.feedback-banner,.ui-feedback,.inline-warning,.form-alert{border:1px solid var(--color-border);color:var(--color-text-soft);background:var(--glass-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;align-items:flex-start;gap:12px;font-size:.77rem;line-height:1.5;display:flex}.feedback-banner,.ui-feedback{z-index:90;width:min(390px,100% - 32px);padding:14px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 70px #0000006b}.feedback-banner--success,.ui-feedback--success{border-color:#72e4a052}.feedback-banner--error,.ui-feedback--error{border-color:#ff6f7d59}.inline-warning{color:#c6cee3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(105deg,#e9b6530b,#0000 34%),#090e22c2;border-color:#e9b65333;margin:18px 24px 0;padding:12px 14px;box-shadow:inset 0 1px #ffffff06,0 12px 32px #0000001f}.inline-warning:before{width:22px;height:22px;color:var(--color-warning);content:"!";background:#e9b65314;border:1px solid #e9b6534d;border-radius:50% 50% 42% 42%;flex:0 0 22px;place-items:center;font-size:.72rem;font-weight:850;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030507c2;place-items:center;padding:24px;animation:.16s both backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:radial-gradient(circle at 105% -8%,#38bdf81c,#0000 20rem),linear-gradient(145deg,#1f295b9e,#090f26c7);width:min(100%,680px);max-height:calc(100vh - 48px);animation:.18s both modal-in;overflow:auto;box-shadow:0 40px 100px #0000007a,0 0 24px #3b82f60f,inset 0 1px #ffffff1a}.modal--small{width:min(100%,500px)}.modal--large{width:min(100%,920px)}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 27px 22px;display:flex}.modal__header h2{letter-spacing:-.03em;font-size:1.35rem}.modal__header p{color:var(--color-text-muted);margin-top:7px;font-size:.78rem;line-height:1.5}.modal__close{flex:0 0 38px;width:38px;height:38px;font-size:1.45rem}.modal__body{padding:26px 27px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.workout-form{gap:24px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.form-field{align-content:start;gap:8px;min-width:0;display:grid}.form-field--wide{grid-column:span 2}.form-field>span{color:var(--color-text-soft);font-size:.72rem;font-weight:700}.form-field input,.search-field input{border:1px solid var(--color-border);width:100%;height:44px;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);border-radius:11px}.form-field>input{padding:0 13px}.form-field input:hover,.search-field input:hover{border-color:var(--color-border-strong)}.form-field input:focus,.search-field input:focus{border-color:#4f7cff75;outline:none;box-shadow:0 0 0 3px #4f7cff12}.form-field input::placeholder,.search-field input::placeholder{color:#5c6871}.form-field small{color:var(--color-text-muted);font-size:.65rem}.input-suffix{border:1px solid var(--color-border);background:var(--color-surface);border-radius:11px;align-items:center;height:44px;display:flex;overflow:hidden}.input-suffix:focus-within{border-color:#4f7cff75;box-shadow:0 0 0 3px #4f7cff12}.input-suffix input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 4px 0 13px}.input-suffix span{color:var(--color-text-muted);flex:none;padding:0 12px;font-size:.68rem;font-weight:700}.form-alert{background:var(--color-danger-soft);border-color:#ff6f7d4d;padding:13px 15px}.form-alert strong,.form-alert span{display:block}.form-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;padding-top:22px;display:flex}.form-footer p{max-width:430px;color:var(--color-text-muted);font-size:.7rem;line-height:1.5}.form-actions{flex:none;gap:10px;display:flex}.workout-highlight{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.workout-highlight>div{padding:19px}.workout-highlight>div+div{border-left:1px solid var(--color-border)}.workout-highlight span,.details-grid dt{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:.65rem;font-weight:700;display:block}.workout-highlight strong{color:var(--color-accent);font-size:1.06rem}.details-grid{border:1px solid var(--color-border);background:var(--color-border);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden}.details-grid>div{background:var(--color-surface);padding:16px 18px}.details-grid dd{font-size:.84rem;font-weight:650}.delete-dialog>p{color:var(--color-text-soft);line-height:1.65}.spinner,.ui-spinner{border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.data-state-panel{justify-content:center;align-items:center;gap:16px;min-height:260px;padding:32px;display:flex}.data-state-panel strong{font-size:.86rem;display:block}.data-state-panel p{max-width:520px;color:var(--color-text-muted);margin-top:6px;font-size:.73rem;line-height:1.55}.data-state-panel .button{margin-top:16px}.data-state-panel--error{border-color:#ff6f7d38}@keyframes spin{to{transform:rotate(1turn)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes backdrop-in{0%{opacity:0}}.page-intro{border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg);background:linear-gradient(120deg, #4f7cff11, transparent 45%), linear-gradient(310deg, #22d3ee0b, transparent 35%), linear-gradient(145deg, #ffffff09, transparent 34%), var(--glass-medium);-webkit-backdrop-filter:blur(10px)saturate(115%);backdrop-filter:blur(10px)saturate(115%);justify-content:space-between;align-items:flex-end;gap:32px;min-height:138px;padding:23px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000040,0 0 24px #3b82f60a,inset 0 1px #ffffff0e}.page-intro:after{z-index:0;content:"";border:1px solid #4f7cff11;border-radius:50%;width:230px;height:230px;position:absolute;top:-58px;right:5%;box-shadow:0 0 0 28px #4f7cff04,0 0 0 58px #22d3ee03}.page-intro>*{z-index:1;position:relative}.page-intro h2{letter-spacing:-.045em;max-width:760px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.08}.page-intro p{max-width:650px;color:var(--color-text-soft);margin-top:10px;font-size:.85rem;line-height:1.6}.page-intro__action{flex:none}.page-intro__action.button--primary{color:#c9d3ec;background:var(--glass-light);border-color:#818cf83d;box-shadow:inset 0 1px #ffffff12}.page-intro__action.button--primary:not(:disabled):hover{color:#eef4ff;background:var(--glass-bg-hover);border-color:#818cf866;box-shadow:inset 0 1px #ffffff17}.metrics-grid,.dashboard-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:18px;min-height:156px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";border:1px solid #ffffff09;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-36px;right:-22px}.metric-card--accent{background:radial-gradient(circle at 108% -15%,#38bdf821,#0000 42%),linear-gradient(145deg,#2a35709e,#090f26b8)}.metric-card__header,.metric-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card__icon,.metric-icon{border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-accent);background:var(--color-bg-elevated);border-radius:10px;place-items:center;display:grid}.metric-card__label,.metric-label{color:var(--color-text-muted);font-size:.68rem;font-weight:700}.metric-card__value,.metric-value{letter-spacing:-.045em;margin-top:24px;font-size:clamp(1.3rem,2.1vw,1.78rem);line-height:1;display:block}.metric-card__caption,.metric-caption{color:var(--color-text-muted);margin-top:8px;font-size:.65rem;line-height:1.35;display:block}.metric-skeleton{background:linear-gradient(90deg, var(--color-surface-soft), var(--color-surface-hover), var(--color-surface-soft));background-size:200% 100%;border-radius:7px;width:72%;height:25px;margin-top:24px;animation:1.3s infinite skeleton;display:block}.dashboard-grid,.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-card{border-radius:var(--radius-lg);min-height:380px;overflow:hidden}.chart-loading{color:var(--color-text-muted);place-items:center;font-size:.72rem;display:grid}.analytics-warning{justify-content:space-between;margin:0}.analytics-refresh-notice{border:1px solid var(--glass-border);min-height:34px;color:var(--color-text-muted);background:var(--glass-medium);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);border-radius:11px;align-self:start;align-items:center;gap:9px;padding:7px 11px;font-size:.68rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0b}.analytics-refresh-notice .spinner{border-width:1px;width:14px;height:14px}.chart-card__header,.chart-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 23px 6px;display:flex}.chart-card__header h3,.chart-header h3{letter-spacing:-.02em;font-size:.96rem}.chart-card__header p,.chart-header p{color:var(--color-text-muted);margin-top:5px;font-size:.69rem;line-height:1.45}.chart-card__badge,.chart-badge{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-elevated);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:6px 8px;font-size:.62rem;display:inline-flex}.chart-card__content,.chart-content{min-width:0;height:305px;padding:18px 12px 14px 3px}.chart-empty,.chart-empty-state{text-align:center;place-items:center;height:100%;padding:30px;display:grid}.chart-empty__mark,.chart-empty-state__icon{border:1px dashed var(--color-border-strong);width:46px;height:46px;color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:15px;place-items:center;margin:0 auto 12px;display:grid}.chart-empty strong,.chart-empty-state strong{font-size:.82rem;display:block}.chart-empty p,.chart-empty-state p{max-width:310px;color:var(--color-text-muted);margin-top:6px;font-size:.7rem;line-height:1.5}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#202c51}.recharts-text{fill:#7483aa;font-size:10px}.recharts-default-tooltip{border:1px solid var(--color-border-strong)!important;background:#0d142cf5!important;border-radius:12px!important;box-shadow:0 15px 35px #0000004d!important}.recharts-tooltip-label{font-size:.7rem;color:var(--color-text-soft)!important}.recharts-tooltip-item{font-size:.7rem!important}.recent-workouts__link{color:#7da7ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f183433;border:1px solid #0000;border-radius:9px;padding:7px 10px;font-size:.72rem;font-weight:750}.recent-workouts__link:hover{border-color:var(--glass-border);color:#a9c4ff;background:var(--glass-bg)}.workouts-panel{overflow:hidden}.search-field{align-items:center;width:min(100%,290px);display:flex;position:relative}.search-field>span{z-index:1;color:var(--color-text-muted);position:absolute;left:13px}.search-field input{padding:0 13px 0 37px;font-size:.74rem}.workout-table-wrap{width:100%;overflow-x:auto}.workout-table{border-collapse:collapse;width:100%}.workout-table th{color:var(--color-text-muted);background:var(--color-bg-elevated);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:13px 16px;font-size:.62rem;font-weight:800}.workout-table th:first-child,.workout-table td:first-child{padding-left:26px}.workout-table th:last-child,.workout-table td:last-child{padding-right:24px}.workout-table td{border-top:1px solid var(--color-border);color:var(--color-text-soft);white-space:nowrap;padding:17px 16px;font-size:.74rem}.workout-table tbody tr{transition:background var(--transition)}.workout-table tbody tr:hover{background:#ffffff04}.workout-name{white-space:normal;min-width:170px;max-width:300px}.workout-name strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.77rem;display:block;overflow:hidden}.workout-name span{color:var(--color-text-muted);margin-top:5px;font-size:.65rem;display:block}.numeric-cell{color:var(--color-text)}.pace-chip{color:var(--color-cyan);background:var(--color-cyan-soft);border:1px solid #52d6de33;border-radius:8px;padding:6px 8px;font-size:.68rem;font-weight:760;display:inline-flex}.workout-actions{justify-content:flex-end;gap:5px;display:flex}.table-action{min-height:30px;color:var(--color-text-muted);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f18342e;border:1px solid #0000;border-radius:7px;padding:0 8px;font-size:.64rem;font-weight:700}.table-action:hover{border-color:var(--glass-border);color:var(--color-text);background:var(--glass-bg-hover)}.table-action--danger:hover{color:var(--color-danger);background:var(--color-danger-soft)}.workout-card-list{display:none}.list-state{justify-content:center;align-items:center;gap:16px;min-height:260px;padding:30px;display:flex}.list-state strong{font-size:.82rem;display:block}.list-state p{color:var(--color-text-muted);margin-top:5px;font-size:.7rem}.list-state--error{color:var(--color-danger)}.list-state__symbol{background:var(--color-danger-soft);border:1px solid #ff6f7d40;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.empty-workouts{text-align:center;justify-items:center;min-height:300px;padding:48px 24px;display:grid}.empty-workouts__mark{border:1px dashed var(--color-border-strong);width:66px;height:66px;color:var(--color-accent);background:var(--color-bg-elevated);border-radius:20px;place-items:center;margin-bottom:17px;font-size:.72rem;font-weight:850;display:grid}.empty-workouts h3{font-size:1rem}.empty-workouts p{max-width:410px;color:var(--color-text-muted);margin:8px 0 19px;font-size:.75rem;line-height:1.55}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.record-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:radial-gradient(circle at 108% -15%,#38bdf817,#0000 42%),linear-gradient(145deg,#1f295b8f,#090f26bd);min-height:272px;padding:25px;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000042,0 0 24px #3b82f60b,inset 0 1px #ffffff16}.record-card__index{z-index:0;pointer-events:none;color:#ffffff06;font-size:7rem;font-weight:900;line-height:1;position:absolute;bottom:-13px;right:17px}.record-card__content{z-index:1;flex-direction:column;align-items:flex-start;height:100%;display:flex;position:relative}.record-card__label{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.record-card__value{color:var(--color-accent);letter-spacing:-.05em;margin-top:28px;font-size:2rem;display:block}.record-card__workout{max-width:min(100%,440px);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:.75rem;display:block;overflow:hidden}.record-card__date{color:var(--color-text-muted);margin-top:5px;font-size:.67rem;display:block}.record-card__action{min-height:34px;margin-top:auto;padding-inline:12px;font-size:.69rem}.empty-records{text-align:left;justify-content:center;align-items:center;gap:18px;min-height:260px;padding:38px;display:flex}.empty-records__mark{border:1px dashed var(--color-border-strong);width:62px;height:62px;color:var(--color-accent);background:var(--color-bg-elevated);border-radius:19px;flex:0 0 62px;place-items:center;font-size:.72rem;font-weight:850;display:grid}.empty-records h3{font-size:1rem}.empty-records p{max-width:440px;color:var(--color-text-muted);margin-top:7px;font-size:.75rem;line-height:1.55}.coming-soon-panel,.settings-panel{text-align:center;place-items:center;min-height:420px;padding:50px 30px;display:grid}.coming-soon-panel__mark,.placeholder-mark{width:72px;height:72px;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid #4f7cff33;border-radius:22px;place-items:center;margin:0 auto 20px;display:grid}.coming-soon-panel h2,.settings-panel h2{letter-spacing:-.035em;font-size:1.35rem}.coming-soon-panel p,.settings-panel p{max-width:560px;color:var(--color-text-muted);margin:10px auto 0;font-size:.78rem;line-height:1.65}.dependency-note{border:1px solid var(--color-border);color:var(--color-text-soft);background:var(--color-bg-elevated);border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;display:inline-flex}@keyframes skeleton{to{background-position:-200% 0}}@media (width<=1320px){.metrics-grid,.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.app-content,.topbar,.app-topbar{padding-inline:24px}.profile-chip,.topbar-profile{display:none}.dashboard-grid,.charts-grid{grid-template-columns:minmax(0,1fr)}.chart-card{min-height:370px}}@media (width<=960px){.app-layout,.app-layout--collapsed{display:block}.app-main{grid-column:auto}.sidebar,.app-sidebar,.app-layout--collapsed .sidebar,.app-layout--collapsed .app-sidebar{z-index:70;width:min(var(--sidebar-width), calc(100vw - 52px));transform:translate(-105%);box-shadow:30px 0 70px #00000075}.sidebar--open,.app-sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020406b3;border:0;display:block;position:fixed;inset:0}.app-layout--collapsed .sidebar-brand__copy,.app-layout--collapsed .brand-copy,.app-layout--collapsed .sidebar-link span,.app-layout--collapsed .sidebar-nav__label,.app-layout--collapsed .sidebar-section-label{opacity:1;display:block}.app-layout--collapsed .sidebar-link{justify-content:flex-start;padding-inline:13px}.app-layout--collapsed .sidebar-insight{display:block}.sidebar-collapse,.sidebar-toggle{display:none}.app-topbar .topbar__menu,.topbar .topbar-menu-button{display:grid}}@media (width<=760px){:root{--topbar-height:72px}.app-content{padding:20px 16px 42px}.topbar,.app-topbar{min-height:var(--topbar-height);grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:12px 16px;display:grid}.topbar__actions,.topbar-actions{display:contents}.topbar__actions>.period-selector,.topbar-actions>.period-selector,.topbar__actions>.dashboard-period{grid-area:2/1/auto/-1;width:100%;overflow-x:auto}.topbar__actions>.period-selector button,.topbar-actions>.period-selector button,.topbar__actions>.dashboard-period button{flex:1 0 auto;padding-inline:8px}.topbar__actions>.api-status,.topbar-actions>.api-status{grid-area:1/2}.topbar-new-workout{grid-area:1/3}.profile-chip,.topbar-profile,.topbar .button span:not([aria-hidden]),.app-topbar .button span:not([aria-hidden]),.topbar-new-workout__label{display:none}.topbar .button,.app-topbar .button{width:42px;padding:0}.page-stack{gap:16px}.page-intro{min-height:0;padding:21px 22px;display:grid}.page-intro h2{font-size:1.65rem}.page-intro__action{justify-self:start}.inline-warning{grid-template-columns:auto minmax(0,1fr);display:grid}.inline-warning>.table-action{grid-column:2;justify-self:start}.metrics-grid,.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:145px;padding:17px}.metric-card__value,.metric-value{margin-top:21px}.panel-header,.panel-header--toolbar{padding:20px;display:grid}.search-field{width:100%}.workout-table-wrap{display:none}.workout-card-list{gap:10px;padding:12px;display:grid}.workout-mobile-card{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:15px;padding:17px}.workout-mobile-card header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.workout-mobile-card time{color:var(--color-text-muted);font-size:.64rem}.workout-mobile-card h3{margin-top:5px;font-size:.85rem}.workout-mobile-card dl{border:1px solid var(--color-border);background:var(--color-border);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:1px;margin:17px 0 13px;display:grid;overflow:hidden}.workout-mobile-card dl>div{background:var(--color-surface);min-width:0;padding:11px 9px}.workout-mobile-card dt{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.workout-mobile-card dd{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.73rem;font-weight:700;overflow:hidden}.workout-mobile-card .workout-actions{justify-content:stretch}.workout-mobile-card .table-action{border:1px solid var(--color-border);background:var(--color-surface);flex:1}.chart-card{min-height:350px}.chart-card__content,.chart-content{height:275px}.records-grid{grid-template-columns:minmax(0,1fr)}.record-card{min-height:258px}.empty-records{text-align:center;justify-items:center;padding:34px 24px;display:grid}.modal-backdrop{align-items:end;padding:0}.modal,.modal--small,.modal--large{border-radius:24px 24px 0 0;width:100%;max-height:calc(100vh - 16px)}.modal__header,.modal__body{padding-inline:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field--wide{grid-column:span 2}.form-footer{display:grid}.form-actions{justify-content:flex-end}.feedback-banner,.ui-feedback{bottom:16px;right:16px}}@media (width<=520px){.metrics-grid,.dashboard-metrics{grid-template-columns:minmax(0,1fr)}.metric-card{min-height:132px}.form-grid,.details-grid{grid-template-columns:minmax(0,1fr)}.form-field--wide{grid-column:auto}.workout-highlight{grid-template-columns:minmax(0,1fr)}.workout-highlight>div+div{border-top:1px solid var(--color-border);border-left:0}.modal-actions,.form-actions{grid-template-columns:1fr;display:grid}.modal-actions .button,.form-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}