:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f11a;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--warning:#f59e0b;--text:#374151;--text-light:#6b7280;--text-heading:#111827;--bg:#f3f4f6;--bg-card:#fff;--border:#e5e7eb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#d1d5db;--text-light:#9ca3af;--text-heading:#f9fafb;--bg:#0f172a;--bg-card:#1e293b;--border:#334155;--primary-light:#6366f126;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d}}*,:before,:after{box-sizing:border-box}body{overscroll-behavior:none;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}#nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0}.nav-inner{justify-content:space-around;align-items:center;max-width:500px;height:56px;margin:0 auto;display:flex}.nav-brand{display:none}.nav-tab{cursor:pointer;color:var(--text-light);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:4px 0;font-size:10px;font-weight:500;transition:color .15s;display:flex}.nav-tab:active{transform:scale(.95)}.nav-tab.active{color:var(--primary)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px}@media (width>=769px){#nav{border-top:none;border-bottom:1px solid var(--border);padding-bottom:0;position:sticky;top:0;bottom:auto}.nav-inner{justify-content:flex-start;gap:4px;max-width:1100px;height:56px;padding:0 24px}.nav-brand{color:var(--text-heading);white-space:nowrap;margin-right:24px;font-size:18px;font-weight:700;display:block}.nav-tab{border-radius:var(--radius-sm);flex-direction:row;gap:6px;min-width:auto;padding:8px 14px;font-size:14px}.nav-tab:hover{background:var(--border);color:var(--text-heading)}.nav-tab.active{background:var(--primary);color:#fff}.nav-icon{font-size:16px}.nav-label{font-size:14px}.nav-signout{margin-left:auto;display:inline-flex}}#main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 80px}@media (width>=769px){#main{padding:24px 24px 40px}}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header h1{color:var(--text-heading);margin:0;font-size:22px;font-weight:700}@media (width>=769px){.page-header h1{font-size:28px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:16px}.card h2{color:var(--text-heading);margin:0 0 12px;font-size:15px;font-weight:600}@media (width>=769px){.card{margin-bottom:20px;padding:20px}.card h2{font-size:17px}}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width>=769px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.stat-value{color:var(--text-heading);font-size:24px;font-weight:700}.stat-sub{color:var(--text-light);margin-top:2px;font-size:11px}@media (width>=769px){.stat-card{padding:16px}.stat-value{font-size:28px}.stat-label{font-size:12px}}.two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=769px){.two-col{grid-template-columns:1fr 1fr;gap:20px}}.chart-container{height:220px;position:relative}@media (width>=769px){.chart-container{height:280px}}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}@media (width>=769px){.table-scroll{margin:0;padding:0}}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--border);white-space:nowrap;padding:10px}@media (width>=769px){table{font-size:14px}thead th{font-size:12px}}.form-stack{flex-direction:column;gap:12px;display:flex}.form-row{flex-wrap:wrap;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field-half{flex:calc(50% - 6px);min-width:calc(50% - 6px)}.field-full{flex:100%}.field label{color:var(--text-light);font-size:13px;font-weight:500}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);width:100%;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .15s}textarea{resize:vertical;min-height:60px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}@media (width>=769px){input,select,textarea{padding:8px 12px;font-size:14px}}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--border);color:var(--text-heading)}.btn-secondary:hover:not(:disabled){background:var(--text-light);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:13px;font-weight:500}@media (width>=769px){.btn{padding:10px 18px;font-size:14px}}.exercise-days{flex-direction:column;gap:14px;display:flex}.exercise-day h3{color:var(--text-heading);margin:0 0 6px;font-size:13px;font-weight:600}.exercise-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-block}.quality-input{gap:4px;display:flex}.quality-input button{cursor:pointer;color:var(--border);background:0 0;border:none;padding:2px;font-size:28px;transition:color .1s}.quality-input button.filled,.quality-input button:hover{color:var(--warning)}.toast{border-radius:var(--radius);color:#fff;z-index:1000;text-align:center;opacity:0;padding:14px 20px;font-size:14px;font-weight:500;transition:transform .3s,opacity .3s;position:fixed;bottom:72px;left:16px;right:16px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@media (width>=769px){.toast{max-width:360px;bottom:24px;left:auto;right:24px}}.loading,.empty{text-align:center;color:var(--text-light);padding:40px 20px;font-size:15px}.error{text-align:center;color:var(--danger);padding:40px 20px}.login-wrapper{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-md);text-align:center;padding:32px 24px}.login-card h1{color:var(--text-heading);margin:0 0 4px;font-size:24px;font-weight:700}.login-sub{color:var(--text-light);margin:0 0 24px;font-size:14px}.login-card .field{text-align:left;margin-bottom:12px}.login-btn{width:100%;margin-top:4px}.login-divider{color:var(--text-light);align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.section-toggle{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.section-toggle button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-light);cursor:pointer;white-space:nowrap;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.section-toggle button.active{background:var(--primary);border-color:var(--primary);color:#fff}.td-actions{text-align:right}.btn-icon{cursor:pointer;opacity:.4;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:18px;transition:opacity .15s}.btn-icon:hover,.btn-icon:active{opacity:1}.editable-text{cursor:pointer;border-bottom:1px dashed var(--border);padding-bottom:1px}.editable-text:hover{border-bottom-color:var(--primary);color:var(--primary)}