*{box-sizing:border-box}:root{--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#334155;--text-strong:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--radius:10px}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3{color:var(--text-strong);margin:0 0 8px}a{color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.input,.select,.textarea{border:1px solid var(--border);width:100%;color:var(--text-strong);background:#fff;border-radius:8px;padding:8px 10px;font-size:14px}.textarea{resize:vertical;min-height:64px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:2px solid #2563eb4d}label.field-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text-strong);background:#fff;border-radius:8px;padding:8px 14px;font-size:14px}.btn:hover{background:#f8fafc}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--danger);border-color:#fecaca}.btn.danger:hover{background:#fef2f2}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.strength{color:#1d4ed8;background:#dbeafe}.badge.cardio{color:#15803d;background:#dcfce7}.badge.mixed{color:#a16207;background:#fef9c3}.alert{border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.spinner{border:2px solid #2563eb4d;border-top-color:var(--primary);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app[data-v-77cbd0c2]{flex-direction:column;min-height:100vh;display:flex}.topbar[data-v-77cbd0c2]{color:#fff;z-index:10;background:#1e293b;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.brand a[data-v-77cbd0c2]{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.nav[data-v-77cbd0c2]{align-items:center;gap:8px;display:flex}.nav-link[data-v-77cbd0c2]{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.nav-link[data-v-77cbd0c2]:hover{color:#fff;background:#334155}.user-area[data-v-77cbd0c2]{align-items:center;gap:8px;display:flex}.user-email[data-v-77cbd0c2]{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.logout-btn[data-v-77cbd0c2]{color:#fca5a5}.logout-btn[data-v-77cbd0c2]:hover{color:#fff;background:#7f1d1d}.main[data-v-77cbd0c2]{flex:1;width:100%;max-width:860px;margin:0 auto;padding:24px}