:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#16212b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.login-screen{background:#f4f8f8;grid-template-columns:minmax(360px,1.05fr) minmax(360px,.95fr);min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(#061d2b29,#051c28c7),url(https://images.unsplash.com/photo-1530549387789-4c1017266635?auto=format&fit=crop&w=1600&q=80) 50%/cover;align-items:flex-end;min-height:100vh;padding:56px;display:flex}.hero-copy{max-width:680px}.brand-mark,.sidebar-brand{align-items:center;gap:10px;font-weight:800;display:flex}.app-version{color:#c9fbf8;border:1px solid #c9fbf86b;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1}.login-hero .app-version{background:#061d2b47}.sidebar-brand .app-version{background:#7dd8d61f;margin-left:2px}.hero-copy h1{letter-spacing:0;margin:22px 0 14px;font-size:clamp(42px,7vw,82px);line-height:.96}.hero-copy p{max-width:600px;margin:0;font-size:19px;line-height:1.6}.login-panel{flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.login-form{background:#fff;border:1px solid #dde7e8;border-radius:8px;gap:16px;width:min(100%,520px);padding:24px;display:grid;box-shadow:0 12px 30px #25424e14}.login-heading{align-items:flex-start;gap:14px;display:flex}.login-heading svg{color:#0e8e91;flex:none;margin-top:6px}.login-heading h2{font-size:28px}.login-heading p{color:#60747a;margin:6px 0 0;line-height:1.5}.credential-panel{color:#60747a;background:#f5faf9;border:1px solid #dde7e8;border-radius:8px;gap:6px;padding:14px;font-size:13px;display:grid}.credential-panel strong{color:#16212b}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{color:#eefbfc;background:#132d37;flex-direction:column;gap:22px;min-width:0;height:100vh;padding:24px;transition:padding .18s;display:flex;position:sticky;top:0}.sidebar-brand span,.sidebar-brand .app-version,.role-pill,.signed-in span,.admin-nav span,.profile-nav span,.profile-nav small,.logout-button span{transition:opacity .14s}.sidebar-brand svg{color:#7dd8d6;flex:none}.sidebar-toggle{color:#c9fbf8;background:#7dd8d61f;border:1px solid #c9fbf833;border-radius:8px;align-self:flex-end;place-items:center;width:34px;height:34px;display:grid}.sidebar-toggle:hover{background:#7dd8d633}.role-pill{color:#c9fbf8;background:#7dd8d624;border-radius:999px;width:fit-content;padding:7px 10px;font-size:13px}.signed-in{color:#c9fbf8;align-items:center;gap:10px;display:flex}.admin-nav,.profile-nav{flex-direction:column;gap:8px;display:flex;overflow:auto}.admin-nav button,.profile-nav button,.logout-button{color:inherit;background:0 0;border:0}.admin-nav button,.profile-nav button{text-align:left;border-radius:8px;align-items:center;min-width:0;padding:12px;display:flex}.admin-nav button{gap:10px;font-weight:800}.profile-nav button{justify-content:space-between;gap:10px}.profile-icon{color:#c9fbf8;flex:none;display:none}.admin-nav button.active,.admin-nav button:hover,.profile-nav button.active,.profile-nav button:hover{background:#ffffff1a}.profile-nav small{color:#9ccace}.logout-button{align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-collapsed .sidebar{align-items:center;padding:20px 14px}.sidebar-collapsed .sidebar-brand,.sidebar-collapsed .signed-in,.sidebar-collapsed .logout-button,.sidebar-collapsed .admin-nav button,.sidebar-collapsed .profile-nav button{justify-content:center}.sidebar-collapsed .sidebar-brand span,.sidebar-collapsed .sidebar-brand .app-version,.sidebar-collapsed .role-pill,.sidebar-collapsed .signed-in span,.sidebar-collapsed .admin-nav span,.sidebar-collapsed .profile-nav span,.sidebar-collapsed .profile-nav small,.sidebar-collapsed .logout-button span{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-collapsed .sidebar-toggle{align-self:center}.sidebar-collapsed .admin-nav,.sidebar-collapsed .profile-nav{width:100%;overflow:visible}.sidebar-collapsed .admin-nav button,.sidebar-collapsed .profile-nav button,.sidebar-collapsed .logout-button{width:48px;height:48px;padding:0}.sidebar-collapsed .profile-icon{display:block}.workspace{min-width:0;padding:30px;overflow-x:hidden}.status-panel{color:#60747a;background:#fff;border:1px solid #dde7e8;border-radius:8px;padding:22px;font-weight:800}.status-panel.error{color:#ad3f2d;background:#fff6f3;border-color:#eb8a77}.top-band,.profile-header{justify-content:space-between;align-items:center;gap:24px;padding:26px 0;display:flex}.eyebrow{color:#60747a;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h2{letter-spacing:0;margin:0;font-size:34px}h3{color:#60747a;margin:0;font-size:14px}.primary-button{color:#fff;white-space:nowrap;background:#0e8e91;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button.secondary{background:#12323d}.primary-button.danger-button{background:#ad3f2d}.text-button{color:#263642;background:#fff;border:1px solid #cddcde;border-radius:8px;min-height:44px;padding:0 16px;font-weight:800}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.dashboard-section{margin-bottom:26px}.dashboard-section>.section-title{margin-bottom:12px}.team-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.team-overview .data-section,.personal-overview .profile-panel{margin-bottom:0}.metric{background:#fff;border:1px solid #dde7e8;border-radius:8px;gap:8px;min-width:0;min-height:116px;padding:18px;display:grid}.metric span{color:#0e8e91}.metric small{color:#60747a;font-weight:700}.metric strong{overflow-wrap:anywhere;font-size:25px}.split-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:20px;display:grid}.split-layout>*{min-width:0}.profile-panel,.data-section,.form-panel,.learning-section{background:#fff;border:1px solid #dde7e8;border-radius:8px;min-width:0;margin-bottom:20px;padding:20px}.profile-panel.compact{margin-bottom:0}.profile-panel.compact .analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-panel.compact .stroke-bars{grid-column:1/-1}.profile-header{padding-top:0}.profile-header p:last-child{color:#60747a;margin-bottom:0}.profile-avatar{color:#0e8e91;background:#dbf5f3;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.profile-avatar svg{width:38px;height:38px}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-grid{grid-template-columns:repeat(2,minmax(160px,.7fr)) minmax(220px,1.1fr);gap:14px;margin-bottom:20px;display:grid}.analysis-block{background:#f7faf6;border:1px solid #dde7e8;border-radius:8px;padding:18px}.analysis-block svg{color:#0e8e91}.analysis-block strong{margin:8px 0;font-size:24px;display:block}.analysis-block p{color:#60747a;margin:0;line-height:1.5}.stroke-bars{background:#f8fbfc;border:1px solid #dde7e8;border-radius:8px;gap:12px;padding:18px;display:grid}.bar-row{grid-template-columns:minmax(72px,.7fr) minmax(70px,1fr) 34px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-row span{overflow-wrap:anywhere;min-width:0}.bar-row div{background:#dce8e8;border-radius:999px;height:9px;overflow:hidden}.bar-row i{border-radius:inherit;background:#0e8e91;height:100%;display:block}.section-title{align-items:center;gap:10px;margin-bottom:14px;font-weight:900;display:flex}.section-title svg{color:#0e8e91}.style-tracker{margin-bottom:20px}.style-tracker .data-section{margin-bottom:0}.style-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.style-tabs button{color:#263642;background:#fff;border:1px solid #d8e5e6;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:0 12px;display:grid}.style-tabs button.active,.style-tabs button:hover{background:#eaf8f7;border-color:#0e8e91}.style-tabs svg{color:#0e8e91}.style-tabs span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.style-tabs small{color:#fff;background:#132d37;border-radius:999px;place-items:center;min-width:26px;height:26px;font-weight:900;display:grid}.style-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6eeee;padding:12px}th{color:#60747a;text-transform:uppercase;font-size:12px}.action-buttons,.form-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#0e6870;background:#fff;border:1px solid #cddcde;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover{background:#eaf8f7;border-color:#0e8e91}.icon-button.danger{color:#ad3f2d}.icon-button.danger:hover{background:#fff6f3;border-color:#eb8a77}.empty-cell{color:#60747a;text-align:center;padding:22px}.form-panel{grid-template-columns:repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:14px;display:grid}.race-form{grid-template-columns:repeat(4,minmax(140px,1fr))}.form-intro{background:#f5faf9;border:1px solid #dde7e8;border-radius:8px;align-items:center;gap:10px;min-height:64px;padding:12px;display:flex}.form-intro svg{color:#0e8e91;flex:none}.form-intro strong,.form-intro small{display:block}.form-intro small{color:#60747a;margin-top:3px}label{gap:6px;display:grid}label span{color:#60747a;font-size:13px;font-weight:800}input,select,textarea{color:#16212b;background:#fff;border:1px solid #cddcde;border-radius:8px;width:100%}input,select{min-height:42px;padding:0 12px}textarea{resize:vertical;min-height:112px;padding:10px 12px;line-height:1.5}.coach-comments-cell{color:#60747a;white-space:pre-wrap;min-width:260px;max-width:420px;line-height:1.45}.form-error{color:#ad3f2d;margin:0;font-weight:800}.modal-backdrop{z-index:50;background:#08192080;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #f0c4bb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:16px;width:min(100%,460px);padding:22px;display:grid;box-shadow:0 24px 70px #132d373d}.confirm-icon{color:#ad3f2d;background:#fff1ed;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.confirm-copy{min-width:0}.confirm-copy h3{color:#16212b;margin-bottom:8px;font-size:20px}.confirm-copy p{color:#60747a;margin:0 0 8px;line-height:1.55}.confirm-copy p:last-child{margin-bottom:0}.confirm-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.span-row{grid-column:1/-1}.empty-note{color:#60747a;margin:0}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.compact-learning{margin-bottom:20px}.compact-learning .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card{color:#16212b;background:#f8fbfb;border:1px solid #d8e5e6;border-radius:8px;align-items:flex-start;gap:12px;min-height:104px;padding:16px;text-decoration:none;display:flex}.video-card:hover{border-color:#0e8e91}.video-card svg{color:#e35f44;flex:none}.video-card strong,.video-card small{display:block}.video-card small{color:#60747a;margin-top:6px}.video-card.suggested{background:#fff8ee}@media (width<=1080px){.login-screen,.app-shell,.app-shell.sidebar-collapsed,.split-layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.admin-nav,.profile-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-grid,.style-tabs,.style-summary,.analysis-grid,.video-grid,.compact-learning .video-grid,.form-panel,.race-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1081px) and (width<=1320px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar,.workspace{padding:24px}.split-layout{gap:16px}.profile-panel.compact .profile-metrics,.profile-panel.compact .style-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.login-hero{min-height:46vh;padding:32px 22px}.login-panel,.workspace{padding:22px}.metric-grid,.style-tabs,.style-summary,.analysis-grid,.video-grid,.compact-learning .video-grid,.form-panel,.race-form,.profile-metrics,.admin-nav,.profile-nav{grid-template-columns:1fr}.top-band,.profile-header{flex-direction:column;align-items:flex-start}h2{font-size:28px}.confirm-dialog{grid-template-columns:1fr}.confirm-actions{flex-direction:column-reverse}.confirm-actions .primary-button,.confirm-actions .text-button{width:100%}}
