:root{color:#1f2937;--layout-gap:.75rem;--topbar-height:4rem;--sidebar-width-mobile:min(78vw, 280px);--sidebar-width-desktop:230px;background:linear-gradient(#f7fafc 0%,#eef2f7 100%);font-family:"Source Sans 3",Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{width:100%;margin:0;padding:0}.app-shell-layout{max-width:none}.app-topbar{min-height:var(--topbar-height);margin-bottom:var(--layout-gap);background:#fff;border:1px solid #dbe3ef;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.7rem .85rem;display:grid}.topbar-left{align-items:center;gap:.5rem;display:flex}.topbar-title{text-align:center;color:#0f3b7a;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;margin:0;font-size:1.05rem;display:inline-flex}.topbar-plan-badge{color:#0f3b7a;letter-spacing:.02em;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:999px;align-items:center;padding:.12rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.topbar-right{position:relative}.hamburger-button,.user-menu-trigger{color:#0f3b7a;cursor:pointer;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.45rem .65rem}.hamburger-button{justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.user-menu-trigger{justify-content:center;align-items:center;width:2.4rem;height:2.4rem;line-height:0;display:inline-flex}.user-menu-dropdown{z-index:20;background:#fff;border:1px solid #dbe3ef;border-radius:12px;gap:.35rem;min-width:280px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 12px 24px #0f3b7a1f}.user-menu-dropdown a,.user-menu-dropdown button{color:#0f3b7a;text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.45rem .55rem;text-decoration:none}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:#eef4ff}.user-menu-email{color:#6b7280;word-break:break-all;margin:.2rem .15rem 0;font-size:.8rem}.user-menu-field{color:#334155;gap:.25rem;padding:.25rem .2rem .1rem;font-size:.84rem;font-weight:600;display:grid}.user-menu-field select{font:inherit;color:#0f3b7a;background:#fff;border:1px solid #b9c8de;border-radius:8px;padding:.4rem .5rem}.user-menu-note{border-radius:8px;margin:0;padding:.45rem .55rem;font-size:.82rem}.user-menu-note-success{color:#0f5132;background:#edf9f0;border:1px solid #b7e2c1}.user-menu-note-error{color:#b42318;background:#fef2f2;border:1px solid #fecaca}.app-layout-body{display:block;position:relative}.app-sidebar{top:calc(var(--topbar-height) + var(--layout-gap));width:var(--sidebar-width-mobile);height:calc(100vh - var(--topbar-height) - (var(--layout-gap) * 2));opacity:0;visibility:hidden;pointer-events:none;z-index:30;will-change:transform, opacity;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:1rem;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s,visibility 0s linear .24s;position:fixed;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.sidebar-nav{gap:.4rem;display:grid}.sidebar-link{color:#0f3b7a;border:1px solid #0000;border-radius:10px;padding:.45rem .55rem;font-weight:600;text-decoration:none}.sidebar-link:hover{background:#eef4ff}.sidebar-link-active{background:#e4eeff;border-color:#bfd3f2}.sidebar-backdrop{z-index:25;background:#0f172a59;border:0;position:fixed;inset:0}.app-main{min-height:calc(100vh - 5.7rem);margin:0 var(--layout-gap) var(--layout-gap);background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:1rem;transition:margin-left .24s cubic-bezier(.22,1,.36,1)}.topbar{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.workspace-indicator{color:#4b5563;margin:.2rem 0 0;font-size:.92rem}.topbar nav{flex-wrap:wrap;gap:.75rem;display:flex}.topbar a{color:#0f3b7a;font-weight:600;text-decoration:none}.topbar button{color:#0f3b7a;cursor:pointer;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.45rem .8rem}main{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:1rem}.dashboard-grid{gap:.9rem;margin-top:1rem;display:grid}.dashboard-title{text-align:center;margin:0}.dashboard-card{background:#f9fbff;border:1px solid #dbe3ef;border-radius:10px;padding:.85rem}.dashboard-card h3{margin:0 0 .4rem;font-size:.95rem}.dashboard-card p{margin:0;font-weight:600}.dashboard-top-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.dashboard-top-list li{justify-content:space-between;align-items:center;display:flex}.dashboard-calendar-card{grid-column:1/-1}.auth-card{background:linear-gradient(160deg,#fff 0%,#f5f9ff 100%);border:1px solid #dbe3ef;border-radius:14px;max-width:420px;margin:0 auto;padding:1.2rem;box-shadow:0 10px 24px #0f3b7a14}.onboarding-shell{gap:1.05rem;width:min(100%,520px);margin:0 auto;padding:.9rem}.onboarding-hero{text-align:center;gap:.55rem;padding:0 .25rem;display:grid}.onboarding-brand{color:#0f3b7a;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(.9rem,3vw,1.05rem);font-weight:900}.onboarding-brand-accent{background:linear-gradient(90deg,#0f3b7a26 0%,#0f3b7af2 50%,#0f3b7a26 100%);border-radius:999px;width:min(72px,22vw);height:3px;margin:0 auto}.onboarding-brand-subline{color:#4b5563;letter-spacing:.01em;margin:0;font-size:clamp(.84rem,2.2vw,.95rem);font-weight:600}.onboarding-hero h1{color:#0f3b7a;margin:0;font-size:clamp(1.9rem,6vw,2.8rem);line-height:1.04}.onboarding-hero-text{color:#4b5563;max-width:46ch;margin:0 auto;font-size:clamp(.96rem,2.3vw,1.02rem);line-height:1.55}.onboarding-card{gap:1.05rem;width:100%;max-width:none;margin:0;padding:1.05rem;display:grid}.auth-shell{align-content:center;gap:.8rem;min-height:min(72vh,680px);display:grid}.auth-card h2{margin:0}.onboarding-hint{color:#334155;background:linear-gradient(#f8fbff 0%,#eef4ff 100%);border:1px solid #dbe3ef;border-radius:12px;padding:.9rem 1rem}.onboarding-hint p{margin:0}.auth-subtitle{color:#4b5563;margin:0}.auth-form{gap:.8rem;display:grid}.onboarding-form{gap:1rem}.auth-form label{gap:.35rem;font-weight:600;display:grid}.auth-form input{border:1px solid #b9c8de;border-radius:8px;padding:.68rem .75rem}.auth-form input::placeholder{color:#94a3b8}.auth-form input:focus{outline-offset:1px;border-color:#7fa2da;outline:2px solid #c6d8f8}.auth-actions{flex-wrap:wrap;gap:.55rem;display:flex}.auth-form button,.auth-card>button,.auth-secondary-button{color:#0f3b7a;cursor:pointer;width:fit-content;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.5rem .8rem}.onboarding-form button{min-height:2.5rem;padding-left:1rem;padding-right:1rem}.auth-form button{color:#fff;background:#0f3b7a;border-color:#0f3b7a}.onboarding-error{margin:0}.auth-secondary-button{background:#fff}.clubs-page{gap:1rem;display:grid}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-title-row h2{margin:0}.create-quick-action{color:#fff;cursor:pointer;letter-spacing:.02em;background:#0f3b7a;border:1px solid #0f3b7a;border-radius:999px;padding:.45rem .9rem;font-weight:700}.clubs-create-card,.clubs-list-card{background:#fbfdff;border:1px solid #dbe3ef;border-radius:12px;padding:1rem}.action-feedback{border:1px solid #0000;border-radius:10px;margin:0;padding:.65rem .8rem}.action-feedback-success{color:#0f5132;background:#edf9f0;border-color:#b7e2c1}.action-feedback-error{color:#b42318;background:#fef2f2;border-color:#fecaca}.clubs-form{gap:.8rem;display:grid}.clubs-form fieldset{border:0;gap:.8rem;min-inline-size:0;margin:0;padding:0;display:grid}.clubs-form label{gap:.3rem;font-weight:600;display:grid}.clubs-form input,.clubs-form select,.clubs-form textarea{font:inherit;border:1px solid #b9c8de;border-radius:8px;padding:.55rem .65rem}.clubs-form span{color:#b42318;font-size:.86rem}.participant-checkbox-group{border:1px solid #dbe3ef;border-radius:10px;margin:0;padding:.6rem .7rem}.participant-checkbox-group legend{padding:0 .2rem;font-weight:600}.participant-checkbox-list{gap:.45rem;margin-top:.35rem;display:grid}.participant-checkbox-item{align-items:center;gap:.45rem;font-weight:500;display:flex!important}.checkbox-label{align-items:center;gap:.5rem;font-weight:600;display:flex!important}.checkbox-label input{width:auto}.clubs-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.club-item{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:.85rem}.club-item-content{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.club-item h4{margin:0 0 .45rem}.club-item p{margin:.2rem 0}.clubs-actions{flex-wrap:wrap;align-items:flex-start;gap:.55rem;display:flex}.clubs-actions button,.clubs-form button{color:#0f3b7a;cursor:pointer;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;min-height:2.2rem;padding:.45rem .8rem;line-height:1.2}.clubs-link-button{color:#0f3b7a;cursor:pointer;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;justify-content:center;align-items:center;min-height:2.2rem;padding:.45rem .8rem;line-height:1.2;text-decoration:none;display:inline-flex}.danger-button{color:#9f2d26!important;background:#fff5f5!important;border-color:#c53b33!important}.danger-button:hover{color:#7f1d1d!important;background:#feecec!important;border-color:#9f2d26!important}.danger-button-confirm{color:#fff!important;background:#c53b33!important;border-color:#c53b33!important}.danger-button-confirm:hover{color:#fff!important;background:#9f2d26!important;border-color:#9f2d26!important}.club-detail-grid{gap:.35rem;display:grid}.club-detail-grid p{margin:0}.notes-timeline{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.notes-timeline-item{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:.75rem}.notes-timeline-item h4{margin:.1rem 0 .4rem}.history-entry-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.notes-timeline-item p{margin:.2rem 0}.notes-timeline-meta{color:#6b7280;font-size:.86rem}.history-toolbar{gap:.65rem;margin-bottom:.75rem;display:grid}.history-toolbar label{gap:.3rem;font-weight:600;display:grid}.history-toolbar input,.history-toolbar select{font:inherit;border:1px solid #b9c8de;border-radius:8px;padding:.55rem .65rem}.history-favorite-button{color:#0f3b7a;cursor:pointer;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.35rem .65rem;font-size:.84rem}.workbook-note-edit-form{gap:.55rem;display:grid}.workbook-note-edit-form textarea{font:inherit;border:1px solid #b9c8de;border-radius:8px;padding:.55rem .65rem}.workbook-note-actions{flex-wrap:wrap;gap:.5rem;display:flex}.archived-notes-block{border-top:1px dashed #cbd5e1;margin-top:.9rem;padding-top:.75rem}.archived-notes-block h4{margin:0 0 .6rem}.calendar-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.calendar-toolbar p,.calendar-toolbar h3{margin:0}.calendar-toolbar+.calendar-toolbar{margin-top:1.2rem}.calendar-mode-switch{gap:.7rem;display:flex}.calendar-nav-actions{flex-wrap:wrap;gap:.45rem;display:flex}.calendar-nav-actions button,.calendar-mode-switch button{color:#0f3b7a;cursor:pointer;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;min-height:2.2rem;padding:.45rem .85rem;line-height:1.15}.calendar-mode-switch button:disabled{color:#0f3b7a;background:#dce9ff;border-color:#8faee0;font-weight:700}.calendar-filters{background:#f9fbff;border:1px solid #dbe3ef;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:.65rem .75rem;margin-top:.75rem;padding:.75rem;display:grid}.calendar-filters label{gap:.3rem;font-weight:600;display:grid}.calendar-filters select{font:inherit;border:1px solid #b9c8de;border-radius:8px;padding:.55rem .65rem}.calendar-reset-button{color:#0f3b7a;cursor:pointer;width:100%;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;min-height:2.2rem;padding:.5rem .85rem;line-height:1.15}.calendar-grid{gap:.8rem;margin-top:.75rem;display:grid}.calendar-grid-week,.calendar-grid-day{grid-template-columns:repeat(1,minmax(0,1fr))}.calendar-day{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:.75rem}.calendar-day-header h4{margin:0 0 .45rem}.calendar-empty{color:#6b7280;margin:.25rem 0 0}.calendar-session-item{background:#f9fbff;border:1px solid #e3e9f3;border-radius:8px;padding:.6rem}.calendar-session-item p{margin:.2rem 0}.calendar-session-item button{color:#0f3b7a;cursor:pointer;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.35rem .65rem}.session-participants-block{gap:.35rem;margin-top:.2rem;display:grid}.session-participants-label{gap:.25rem;font-size:.86rem;font-weight:600;display:grid}.session-participants-label select{font:inherit;color:#1f2937;background:#f6f9ff;border:1px solid #b9c8de;border-radius:8px;padding:.35rem .45rem}.calendar-session-actions{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.calendar-session-actions button{margin-top:0}.pricing-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem;display:grid}.pricing-card{background:#fbfdff;border:1px solid #dbe3ef;border-radius:12px;gap:.55rem;padding:1rem;display:grid}.pricing-card-active{border-color:#8fb2e7;box-shadow:0 8px 20px #0f3b7a1a}.pricing-card h3,.pricing-card p{margin:0}.pricing-subtitle{color:#4b5563}.pricing-price{color:#0f3b7a;font-size:1.5rem;font-weight:700}.pricing-limits{gap:.3rem;margin:0;padding-left:1rem;display:grid}.pricing-card button{color:#0f3b7a;cursor:pointer;font:inherit;background:#f3f7ff;border:1px solid #9fb7dd;border-radius:10px;padding:.45rem .8rem}.pricing-card button:disabled{opacity:.7;cursor:default}.workspace-card-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem;display:grid}.workspace-card{background:#fff;border:1px solid #dbe3ef;border-radius:12px;gap:.75rem;padding:.9rem;display:grid}.workspace-card-active{border-color:#8fb2e7;box-shadow:0 8px 20px #0f3b7a1a}.workspace-card-head{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.workspace-card-head h4,.workspace-role-line{margin:0}.workspace-status-badge{border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.workspace-status-active{color:#0f5132;background:#edf9f0;border-color:#99dfae}.workspace-status-inactive{color:#475569;background:#f8fafc;border-color:#d2d8e2}.workspace-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.workspace-metrics-grid p{background:#f9fbff;border:1px solid #e3e9f3;border-radius:10px;gap:.2rem;margin:0;padding:.55rem .65rem;display:grid}.workspace-metrics-grid span{color:#475569;font-size:.82rem}.workspace-metrics-grid strong{color:#0f3b7a;font-size:1.05rem}.calendar-delete-confirm{margin-top:.45rem}.session-status-actions{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.session-status-scope{gap:.25rem;margin:.25rem 0;font-size:.86rem;display:grid}.session-status-scope select{font:inherit;border:1px solid #b9c8de;border-radius:8px;padding:.35rem .45rem}.session-status-actions button{margin-top:0;padding:.3rem .55rem;font-size:.84rem}.session-status{text-transform:capitalize;font-weight:600}.status-planned{color:#1e40af}.status-completed{color:#166534}.status-cancelled{color:#b42318}@media (width>=768px){.app-shell{padding:0}:root{--layout-gap:1rem;--topbar-height:4.6rem}.app-topbar{padding:.9rem 1rem}.topbar-title{font-size:1.22rem}.app-layout-body{display:block}.onboarding-shell{gap:1.25rem;width:min(100%,680px);padding:1.1rem}.onboarding-card{padding:1.25rem}.onboarding-hero{gap:.6rem}.onboarding-hero h1{font-size:clamp(2.3rem,4vw,3.2rem)}.onboarding-brand-accent{width:84px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-reset-button{justify-self:end;width:fit-content}.app-sidebar{width:var(--sidebar-width-desktop);z-index:20;padding:.75rem;left:0}.sidebar-backdrop{display:none}.app-main-with-sidebar{margin-left:calc(var(--sidebar-width-desktop) + var(--layout-gap))}.app-main-full{margin-left:var(--layout-gap)}.app-main{min-height:calc(100vh - 5.45rem)}.topbar{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-grid-week{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-filters{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.history-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.workspace-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.app-sidebar,.app-main{transition:none}}