:root{color:#000;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fff}button,input{font:inherit}button{align-items:center;border:0;border-radius:7px;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:40px;padding:9px 13px;transition:background .16s ease,color .16s ease,transform .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1{color:#000;font-size:1.56rem;line-height:1.1;margin-bottom:6px}h2{color:#000;font-size:1.08rem;line-height:1.2;margin-bottom:6px}h3{color:#000;font-size:.96rem;line-height:1.2;margin-bottom:5px}p{color:#444;line-height:1.45}.eyebrow{color:#555;font-size:.72rem;font-weight:850;letter-spacing:0;margin:0 0 7px;text-transform:uppercase}.loginScreen{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr);min-height:100vh;padding:42px}.loginIntro{max-width:520px}.loginIntro h1{font-size:clamp(2rem,5vw,4rem);line-height:.98;margin:18px 0 16px}.loginIntro p{font-size:1.05rem;margin-bottom:0}.brandMark{align-items:center;background:#fff;border-radius:8px;color:#000;display:flex;font-weight:900;height:42px;justify-content:center;width:42px}.brandMark.large{height:58px;width:58px}.loginGrid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.loginCard,.panel,.metric{background:#fff;border:1px solid #dddddd;border-radius:8px;box-shadow:0 18px 40px #0000000f}.loginCard{display:grid;gap:14px;padding:22px}.loginIcon{align-items:center;background:#f2f2f2;border-radius:8px;color:#000;display:flex;height:48px;justify-content:center;width:48px}.loginCard p{min-height:64px}.loginCard label{color:#222;display:grid;font-size:.86rem;font-weight:800;gap:7px}.loginCard input{background:#f7f7f7;border:1px solid #d6d6d6;border-radius:7px;color:#000;min-height:42px;padding:10px 11px}.loginCard button,.passCard button,.lessonAction button:not(.secondaryButton){background:#000;color:#fff}.appShell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:#000;border-right:1px solid #000000;color:#fff;display:flex;flex-direction:column;gap:18px;height:100vh;padding:24px 18px;position:sticky;top:0}.brandBlock{align-items:center;display:flex;gap:12px;min-height:46px}.brandBlock strong,.sidebarCard strong{display:block}.brandBlock span,.sidebarCard span{color:#ccc;display:block;font-size:.86rem;margin-top:2px}.sideNav{display:grid;gap:8px}.sideNav button,.logoutButton{background:transparent;color:#fff;justify-content:flex-start;min-height:44px;padding:10px 12px;width:100%}.sideNav button.active{background:#f2f2f2;color:#000;box-shadow:0 10px 24px #0000002e}.sidebarCard{background:#000;border:1px solid #333333;border-radius:8px;margin-top:auto;padding:14px}.logoutButton{color:#fff}.workspace{min-width:0;padding:26px}.topBar{align-items:center;background:#fff;border:1px solid #dddddd;border-radius:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;gap:18px;justify-content:space-between;margin-bottom:12px;padding:20px 24px}.topBar p{margin-bottom:0}.ghostButton,.secondaryButton{background:#f2f2f2;color:#000}.fullButton{margin-top:12px;width:100%}.statusBar{align-items:center;background:#fff;border:1px solid #dddddd;border-radius:8px;color:#000;display:flex;font-weight:700;gap:10px;margin-bottom:18px;padding:11px 14px}.statusBar>div{align-items:center;display:flex;gap:10px}.statusDot{background:#000;border-radius:999px;display:inline-block;height:9px;width:9px}.pageGrid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{align-items:center;display:flex;gap:13px;min-height:92px;padding:16px}.metric svg{background:#f2f2f2;border-radius:7px;color:#000;height:40px;padding:9px;width:40px}.metric span{color:#000;display:block;font-size:1.38rem;font-weight:900;line-height:1.05;margin-bottom:3px}.panel{padding:20px}.bookingSurface{background:#fff}.halfPanel{grid-column:span 2}.fullWidth{grid-column:1 / -1}.sectionHeading{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.sectionHeading svg{color:#000;flex:0 0 auto}.passGrid,.classList,.memberList,.purchaseList{display:grid;gap:14px}.passGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.classList{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.passGrid.compact,.classList.compact{grid-template-columns:1fr}.purchaseList{grid-template-columns:repeat(3,minmax(0,1fr))}.passCard,.lessonCard,.memberRow,.purchaseRow,.selectedLesson,.adminLessonRow,.emptyState{background:#fff;border:1px solid #dddddd;border-radius:8px}.bookingToolbar{background:#f5f5f5;border:1px solid #dddddd;border-radius:8px;display:inline-flex;gap:4px;margin-bottom:16px;padding:4px}.bookingToolbar button{background:transparent;color:#000;min-height:34px;padding:7px 12px}.bookingToolbar button.active{background:#fff;color:#000;box-shadow:0 6px 16px #00000014}.bookingLayout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.passCard{display:grid;gap:14px;padding:14px}.passCard p,.lessonMain p,.memberRow p,.selectedLesson p,.adminLessonRow p{margin-bottom:0}.price{color:#000;font-size:1.72rem;font-weight:900}.passCard button,.lessonAction button{width:100%}.lessonCard{align-content:start;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr;min-height:276px;padding:18px;position:relative}.classList.compact .lessonCard{grid-template-columns:1fr;min-height:0}.lessonCardHeader{align-items:center;display:flex;gap:10px;justify-content:space-between}.lessonMain h3{font-size:1.16rem;margin-bottom:0}.lessonDetails{background:#f7f7f7;border:1px solid #dddddd;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.lessonDetails span,.lessonDetails strong{align-items:center;color:#222;display:inline-flex;font-size:.92rem;gap:7px;line-height:1.25;min-width:0}.lessonDetails svg{color:#000;flex:0 0 auto}.lessonDetails strong{color:#000;font-weight:850}.lessonAction{align-self:end}.contextPanel{background:#000;border-radius:8px;color:#fff;padding:18px;position:sticky;top:24px}.contextPanel h2,.contextPanel p{color:#fff}.contextPanel p{color:#ddd}.suggestionCard{background:#000;border:1px solid #333333;border-radius:8px;display:grid;gap:8px;margin-top:16px;padding:14px}.suggestionCard span{color:#ccc;font-size:.74rem;font-weight:850;text-transform:uppercase}.suggestionCard strong{color:#fff}.suggestionCard small{color:#ddd}.suggestionCard button{background:#f2f2f2;color:#000;margin-top:4px}.typePill,.statusPill{border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:850;padding:5px 9px;white-space:nowrap}.typePill{background:#f2f2f2;color:#000}.statusPill{margin-bottom:0}.statusPill.success,.statusPill.danger,.statusPill.warning,.statusPill.neutral{background:#f2f2f2;color:#000}.memberRow,.purchaseRow,.adminLessonRow{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:12px}.adminLessonRow{cursor:pointer}.creditControls{align-items:center;background:#f2f2f2;border-radius:7px;display:grid;grid-template-columns:36px 42px 36px;min-width:118px;padding:4px}.creditControls button{background:#fff;color:#000;min-height:32px;padding:0}.creditControls span{color:#000;font-weight:900;text-align:center}.adminClassLayout{display:grid;gap:14px;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr)}.lessonTabs{display:grid;gap:8px}.lessonTabs button{background:#fff;border:1px solid #dddddd;color:#222;justify-content:space-between;min-height:42px;padding:9px 11px;text-align:left}.lessonTabs button.active{background:#000;color:#fff}.lessonTabs small{color:inherit;font-weight:900}.selectedLesson{padding:14px}.attendeeList{display:grid;gap:8px;margin-top:14px}.attendee{align-items:center;color:#000;display:flex;font-weight:800;gap:8px}.attendee svg{color:#000}.purchaseRow span{color:#444;display:block;font-size:.88rem;margin-top:2px}.purchaseRow b{color:#000;font-size:1.08rem}.emptyState{color:#444;font-weight:750;padding:18px;text-align:center}@media(max-width:1120px){.pageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookingLayout{grid-template-columns:1fr}.contextPanel{position:static}.fullWidth,.halfPanel{grid-column:1 / -1}.purchaseList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.loginScreen{grid-template-columns:1fr;padding:24px}.loginGrid{grid-template-columns:1fr}.loginCard p{min-height:0}.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sideNav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebarCard{margin-top:0}.workspace{padding:14px}.topBar{align-items:stretch;flex-direction:column}.topBar .ghostButton{width:100%}.pageGrid,.lessonCard,.passGrid,.purchaseList,.adminClassLayout,.bookingLayout{grid-template-columns:1fr}.bookingToolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.memberRow,.purchaseRow,.adminLessonRow{align-items:stretch;flex-direction:column}.creditControls,.lessonAction button{width:100%}}