@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";:root{--sidebar-w:220px;--topbar-h:56px;--color-bg:#111213;--color-sidebar:#1a1b1e;--color-topbar:#1a1b1e;--color-surface:#222428;--color-surface-2:#2a2b30;--color-border:#ffffff12;--color-border-hover:#ffffff24;--color-orange:#fc4c02;--color-orange-muted:#fc4c0226;--color-orange-glow:#fc4c0280;--color-text-main:#f0f0f0;--color-text-sub:#9a9a9a;--color-text-dim:#5a5a5a;--color-green:#22c55e;--color-red:#ef4444;--color-blue:#3b82f6;--radius-sm:6px;--radius-md:10px;--transition:.15s ease}[data-theme=light]{--color-bg:#f4f5f7;--color-sidebar:#fff;--color-topbar:#fff;--color-surface:#fff;--color-surface-2:#f0f1f3;--color-border:#00000014;--color-border-hover:#00000029;--color-text-main:#111213;--color-text-sub:#666;--color-text-dim:#aaa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar""sidebar main";width:100vw;height:100vh;display:grid}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);z-index:10;flex-direction:column;grid-area:sidebar;display:flex;overflow:hidden}.sidebar-logo{height:var(--topbar-h);border-bottom:1px solid var(--color-border);letter-spacing:1.5px;color:var(--color-orange);flex-shrink:0;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.sidebar-logo svg{flex-shrink:0}.sidebar-section{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim);padding:20px 12px 6px;font-size:10px;font-weight:700}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.nav-item{border-radius:var(--radius-sm);color:var(--color-text-sub);transition:background var(--transition), color var(--transition);text-align:left;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text-main)}.nav-item.active{background:var(--color-orange-muted);color:var(--color-orange);font-weight:600}.nav-item.active:before{content:"";background:var(--color-orange);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-divider{background:var(--color-border);height:1px;margin:8px 12px}.exercise-list{border-left:1px solid var(--color-border);margin-bottom:4px;margin-left:22px;padding-left:4px}.exercise-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text-sub);transition:background var(--transition), color var(--transition);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;font-size:12.5px;display:block;overflow:hidden}.exercise-item:hover{background:var(--color-surface-2);color:var(--color-text-main)}.exercise-item.active{color:var(--color-orange);font-weight:600}.topbar{background:var(--color-topbar);border-bottom:1px solid var(--color-border);z-index:9;grid-area:topbar;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar-title{color:var(--color-text-main);flex:1;font-size:15px;font-weight:700}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-stat{border-radius:var(--radius-sm);background:var(--color-surface-2);border:1px solid var(--color-border);align-items:center;gap:8px;padding:6px 14px;display:flex}.topbar-stat-value{color:var(--color-text-main);font-size:15px;font-weight:700}.topbar-stat-label{color:var(--color-text-sub);font-size:11px;font-weight:500}.icon-btn{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-sub);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text-main)}.dropdown-wrapper{position:relative}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:100;min-width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #0006}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--color-text-sub);transition:background var(--transition), color var(--transition);text-align:left;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.dropdown-item:hover{background:var(--color-surface-2);color:var(--color-text-main)}.dropdown-item.danger{color:var(--color-red)}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-divider{background:var(--color-border);height:1px;margin:4px 0}.main-area{background:var(--color-bg);flex-direction:column;grid-area:main;min-height:0;padding:24px 28px;display:flex;overflow-y:auto}.main-area::-webkit-scrollbar{width:6px}.main-area::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.stat-row{flex-shrink:0;gap:12px;margin-bottom:20px;display:flex}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.stat-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-label{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-sub);margin-bottom:2px;font-size:11px;font-weight:600}.stat-card-value{color:var(--color-text-main);font-size:22px;font-weight:800;line-height:1}.chart-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chart-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.chart-title{color:var(--color-text-main);font-size:15px;font-weight:700}.chart-subtitle{color:var(--color-text-sub);margin-top:2px;font-size:12px}.chart-badge{background:var(--color-orange-muted);color:var(--color-orange);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.chart-body{flex:1;min-height:0;padding:16px 8px 8px}.empty-state{color:var(--color-text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:4rem 2rem;display:flex}.empty-state h3{color:var(--color-text-sub);font-size:16px;font-weight:700}.empty-state p{max-width:320px;font-size:13px;line-height:1.6}.loader-spin{color:var(--color-orange);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin-landing{justify-content:center;align-items:center;height:100%;display:flex}.signin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;width:100%;max-width:420px;padding:48px 56px}.signin-card h1{color:var(--color-text-main);margin-bottom:10px;font-size:22px;font-weight:800}.signin-card p{color:var(--color-text-sub);margin-bottom:28px;font-size:14px;line-height:1.6}.btn-primary{background:var(--color-orange);color:#fff;border-radius:var(--radius-sm);transition:opacity var(--transition), box-shadow var(--transition);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary:hover{opacity:.9;box-shadow:0 4px 20px var(--color-orange-glow)}