:root{--background:#f4f7f8;--surface:#ffffff;--surface-soft:#eef5f3;--sidebar:#111a1a;--text:#15201f;--muted:#667573;--line:#dce6e5;--accent:#158866;--accent-dark:#0d6049;--blue:#286bb4;--warn:#a76316;--shadow:0 18px 44px rgba(15,31,30,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.portalShell{grid-template-columns:256px minmax(0,1fr)}.portalShell,.sidebar{display:grid;min-height:100vh}.sidebar{align-content:start;background:var(--sidebar);color:#f7fffc;grid-gap:30px;gap:30px;padding:24px 18px;position:-webkit-sticky;position:sticky;top:0}.brand,.navItem,.panelHeader,.profilePanel,.roleToggle,.topbar,.topbarActions{align-items:center;display:flex}.brand{gap:12px}.avatar,.brandMark{align-items:center;border-radius:8px;display:grid;justify-items:center}.brandMark{background:var(--accent);height:40px;width:40px}.brand small{color:#9eb2af;display:block;font-size:12px;margin-top:3px}.clientRows,.mainColumn,.navList,.rightRail,.uploadPanel{display:grid;grid-gap:8px;gap:8px}.navItem{border-radius:8px;color:#c5d4d1;font-size:14px;font-weight:750;gap:10px;min-height:42px;padding:0 12px}.navItem.active,.navItem:hover{background:rgba(255,255,255,.09);color:#ffffff}.workspace{display:grid;grid-gap:16px;gap:16px;padding:22px}.panel,.statCard,.topbar{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.topbar{justify-content:space-between;min-height:82px;padding:16px 18px}.panelHeader p,.profilePanel p,.topbar p{color:var(--muted);font-size:12px;font-weight:850;margin:0 0 4px;text-transform:uppercase}.panelHeader h2,.profilePanel h2,.topbar h1{line-height:1.15;margin:0}.topbar h1{font-size:24px}.topbarActions{gap:10px}.searchBox{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;height:42px;padding:0 12px;width:min(30vw,320px)}.searchBox input{border:0;outline:0;width:100%}.roleToggle,.typeTabs{background:#edf4f3;border:1px solid var(--line);border-radius:8px;display:flex;gap:3px;padding:3px}.roleToggle button,.typeTabs button{background:transparent;border-radius:6px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:850;height:34px;padding:0 12px}.roleToggle .selected,.typeTabs .active{background:var(--surface);box-shadow:0 6px 18px rgba(20,35,33,.08);color:var(--text)}.primaryButton{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:white;cursor:pointer;display:inline-flex;font-size:14px;font-weight:850;gap:8px;height:42px;justify-content:center;padding:0 14px}.primaryButton.full{width:100%}.statsGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.statCard{align-items:center;display:flex;justify-content:space-between;min-height:74px;padding:14px 18px}.statCard span{color:var(--muted);font-size:13px;font-weight:850}.statCard strong{font-size:28px}.portalGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(250px,.78fr) minmax(520px,1.62fr) minmax(310px,.9fr)}.panel{min-width:0;padding:16px}.panelHeader{align-items:flex-start;flex-direction:column;margin-bottom:14px}.panelHeader h2{font-size:18px}.clientPanel{align-self:start;position:-webkit-sticky;position:sticky;top:22px}.clientRow{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:40px minmax(0,1fr);padding:12px;text-align:left}.clientRow.selected,.clientRow:hover{background:var(--surface-soft);border-color:#cfe1dc}.avatar{background:#d8f3e8;color:var(--accent-dark);font-size:13px;font-weight:900;height:40px;width:40px}.avatar.large{font-size:20px;height:62px;width:62px}.clientRow strong,.tableRow strong,.workoutCard strong{display:block;font-size:14px}.clientRow small,.scanPreview span,.workoutCard small,.workoutCard span{color:var(--muted);display:block;font-size:12px;line-height:1.45;margin-top:3px}.status{border-radius:999px;display:inline-flex;font-size:11px;font-style:normal;font-weight:900;grid-column:2;justify-self:start;padding:4px 8px}.status.good{background:#ddf7ea;color:#0b704d}.status.warn{background:#fff0d5;color:var(--warn)}.status.info{background:#e5f1ff;color:var(--blue)}.profilePanel{display:grid;grid-gap:12px;gap:12px;grid-template-columns:62px minmax(0,1fr) repeat(3,minmax(110px,.6fr))}.profilePanel>div span{color:var(--muted);display:block;font-size:14px;line-height:1.45;margin-top:5px}.analyticsGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metricGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.metric{background:#f8fbfa;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;min-height:68px;padding:11px}.metric span,.uploadPanel label{color:var(--muted);font-size:12px;font-weight:850}.metric strong{font-size:17px}.scanPreview{background:linear-gradient(135deg,#edf6f4,#ffffff 55%,#e7f2fb);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:100px minmax(0,1fr);min-height:138px;padding:14px}.scanFigure{display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr}.scanFigure i{background:rgba(21,136,102,.22);border:1px solid rgba(21,136,102,.35);border-radius:999px 999px 8px 8px;display:block;min-height:54px}.scanFigure i:nth-child(n+3){min-height:80px}.barChart{align-items:end;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));height:284px;padding:16px 12px 32px}.barChart span{background:linear-gradient(180deg,#24a7a0,var(--accent));border-radius:8px 8px 3px 3px;min-height:42px;position:relative}.barChart small{bottom:-24px;color:var(--muted);font-size:10px;left:50%;position:absolute;transform:translateX(-50%)}.table{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.tableHead,.tableRow{display:grid;grid-gap:12px;gap:12px;grid-template-columns:.8fr minmax(130px,1.4fr) .65fr .9fr;padding:12px 14px}.tableHead{background:#f1f6f5;color:var(--muted);font-size:12px;font-weight:900}.tableRow{align-items:center;border-top:1px solid var(--line);font-size:13px}.tableRow em{color:var(--accent-dark);font-style:normal;font-weight:900}.typeTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:4px}.uploadPanel label{display:grid;grid-gap:6px;gap:6px}.uploadPanel input,.uploadPanel textarea{background:#fbfdfc;border:1px solid var(--line);border-radius:8px;color:var(--text);outline:0;padding:11px 12px;width:100%}.uploadPanel textarea{min-height:96px;resize:vertical}.formSplit{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.phoneFrame{background:#111a1a;border-radius:20px;color:white;display:grid;grid-gap:10px;gap:10px;margin:0 auto;max-width:260px;padding:14px}.phoneFrame .metric{background:#1b2928;border-color:rgba(255,255,255,.08)}.phoneFrame .metric span,.phoneFrame .metric strong{color:white}.workoutCard{background:#e9f7f1;border-radius:8px;color:var(--text);padding:12px}@media (max-width:1220px){.portalShell{grid-template-columns:1fr}.clientPanel,.sidebar{min-height:auto;position:static}.navList{grid-template-columns:repeat(4,minmax(0,1fr))}.portalGrid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr)}.rightRail{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:860px){.workspace{padding:14px}.analyticsGrid,.portalGrid,.profilePanel,.rightRail,.statsGrid,.topbar,.topbarActions{display:grid;grid-template-columns:1fr}.searchBox{width:100%}}@media (max-width:560px){.formSplit,.metricGrid,.navList{grid-template-columns:1fr}.topbar h1{font-size:21px}.scanPreview{grid-template-columns:1fr}.tableHead,.tableRow{min-width:560px}}