@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box}html{width:100%;height:100%}body,#root{width:100%;min-height:100%;height:100%;margin:0}body{background:#f4f6f9;font-family:DM Sans,system-ui,sans-serif;color:#1b2d3d;overflow-x:hidden}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.page{width:100%;min-height:100%;height:100%;background:#f4f6f9}.app-shell{width:100%;min-height:100%;position:relative;display:flex;flex-direction:column;background:#f4f6f9}.privacy-page{min-height:100svh;padding:42px 20px 70px;background:linear-gradient(165deg,#0a4377,#063c6b 60%,#052e52)}.policy-content{width:min(760px,100%);margin:0 auto;padding:clamp(28px,6vw,62px);border-radius:24px;background:#fff;color:#45576a;box-shadow:0 24px 70px #03182b42;font-size:15px;line-height:1.7}.policy-content p{margin:0 0 20px}.policy-content h2{margin:34px 0 10px;font-size:20px}.policy-content ul{margin:0 0 20px;padding-left:23px}.policy-content li{margin:7px 0}.policy-content a{color:#1675a6}.policy-back{display:inline-block;margin-bottom:38px;color:#1675a6;font-size:13px;font-weight:700;text-decoration:none}.policy-eyebrow{margin-bottom:12px;color:#1675a6}.policy-title{color:#0b2a45;font-size:clamp(32px,6vw,46px);line-height:1.05;margin-bottom:12px}.policy-effective{color:#7a8896;font-size:13px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100svh;color:#5b6b7a;font-weight:600}.loading-spinner{width:46px;height:46px;border-radius:50%;border:4px solid #dce8f0;border-top-color:#1675a6;border-right-color:#f07a20;animation:spin .85s linear infinite}.app-content{padding-bottom:12px}.screen{width:min(920px,100%);margin:0 auto;animation:screenIn .26s ease-out}.pad{padding:6px 18px 24px}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0;color:#0b2a45;letter-spacing:-.02em}h1{font-size:34px;line-height:1.05;color:#f7fafc;margin-bottom:10px}h2{font-size:25px;font-weight:700}h3{font-size:20px;margin-bottom:20px}p{margin:0}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 32px;background:linear-gradient(165deg,#0a4377,#063c6b 60%,#052e52);position:relative;overflow:hidden}.login-layout{position:relative;width:min(1100px,100%);display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:center;gap:clamp(38px,7vw,86px)}.login-content{position:relative;width:min(380px,100%)}.onboarding-login{justify-content:flex-start;padding-top:28px;padding-bottom:28px;overflow-y:auto}.onboarding-login .login-content{width:min(460px,100%)}.onboarding-login .login-layout{display:block;width:min(460px,100%)}.login .field-row{display:flex;gap:10px}.login .field-row label{flex:1;min-width:0}.glow{position:absolute;border-radius:50%}.glow-top{right:-80px;top:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(240,122,32,.16),transparent 65%)}.glow-bottom{left:-60px;bottom:40px;width:220px;height:220px;background:radial-gradient(circle,rgba(22,117,166,.35),transparent 70%)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:48px;color:#f2f1f0;font:700 17px Space Grotesk,sans-serif}.brand-mark{width:34px;height:34px;border-radius:9px;background:#1675a6;display:grid;place-items:center;box-shadow:0 4px 14px #1675a680}.eyebrow{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8fb3cc;margin-bottom:14px}.eyebrow.light{color:#9aa8b6;margin-bottom:4px}.eyebrow.blue{color:#8fb3cc}.login p{color:#a9c4d6;font-size:14px;line-height:1.6;margin-bottom:36px}.login label,.field{display:flex;flex-direction:column;gap:7px;color:#8fb3cc;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.login input{width:100%;background:#ffffff12;border:1px solid rgba(207,211,210,.22);border-radius:10px;padding:13px 15px;font-size:16px;color:#f2f1f0;outline:none;text-transform:none;letter-spacing:0}.oauth-button{width:100%;min-height:50px;margin-top:12px;border:1px solid rgba(207,211,210,.28);border-radius:10px;background:#ffffff1a;color:#f7fafc;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.oauth-button:hover,.oauth-button:focus-visible{background:#ffffff29;border-color:#f7fafc70}.google-mark{width:22px;height:22px;border-radius:50%;background:#fff;color:#1b2d3d;display:grid;place-items:center;flex:0 0 auto;font:700 14px Space Grotesk,sans-serif}.text-link{display:block;width:100%;margin-top:16px;border:0;background:transparent;color:#a9c4d6;font-size:13px;font-weight:600;text-align:center;text-decoration:underline;text-underline-offset:3px}.text-link:hover,.text-link:focus-visible{color:#f2f1f0}.form-error{margin:-16px 0 18px;padding:12px 14px;border:1px solid rgba(240,46,43,.35);border-radius:10px;background:#f02e2b24;color:#ffc9c2;font-size:13px;line-height:1.45}.onboarding-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-16px 0 24px}.onboarding-progress button{min-width:0;min-height:48px;border:1px solid rgba(207,211,210,.18);border-radius:10px;background:#ffffff0f;color:#8fb3cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:700}.onboarding-progress button:disabled{opacity:1}.onboarding-progress button span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#a9c4d6;font-size:10px}.onboarding-progress button.active{border-color:#5fd0a8a6;background:#5fd0a821;color:#f7fafc}.onboarding-progress button.complete span,.onboarding-progress button.active span{background:#5fd0a8;color:#052e52}.onboarding-step{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.onboarding-step label,.onboarding-step .field,.onboarding-step .field-row label{margin-bottom:0}.onboarding-step .oauth-button{margin-top:0;min-height:58px}.onboarding-account-step{gap:16px}.oauth-divider{display:flex;align-items:center;gap:12px;margin:2px 0;color:#8fb3cc;font-size:12px;font-weight:700}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;flex:1;background:#cfd3d22e}.connected-account{margin:0;padding:13px 14px;border:1px solid rgba(95,208,168,.34);border-radius:12px;background:#5fd0a81f}.connected-account span{display:block;color:#8fb3cc;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.connected-account b{color:#f7fafc;font-size:14px;word-break:break-word}.onboarding-actions{display:grid;grid-template-columns:minmax(96px,.45fr) minmax(0,1fr);gap:10px;align-items:center}.onboarding-actions>button:first-child{min-height:48px;border:1px solid rgba(207,211,210,.22);border-radius:10px;background:#ffffff12;color:#a9c4d6;font-weight:700}.demo{text-align:center;font-size:12px;color:#7fa0b5;margin-top:12px}.login-showcase{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center;isolation:isolate}.login-showcase:before{content:"";position:absolute;width:min(520px,90%);height:390px;border-radius:44px;background:linear-gradient(135deg,#1675a652,#f07a202e);filter:blur(6px);opacity:.55;transform:rotate(-4deg);z-index:-1}.phone-mock{position:absolute;width:250px;border-radius:34px;padding:9px;background:#061f38;box-shadow:0 28px 70px #00000057,inset 0 0 0 1px #ffffff1f}.phone-dashboard{left:4%;top:14px;transform:rotate(-5deg);z-index:2}.phone-attendance{right:4%;bottom:18px;transform:rotate(6deg);z-index:1}.phone-speaker{width:58px;height:5px;margin:2px auto 8px;border-radius:100px;background:#fff3}.phone-screen{min-height:490px;border-radius:26px;overflow:hidden;background:#f4f6f9;padding:17px 14px 15px;color:#1b2d3d}.phone-screen small,.phone-screen b,.phone-screen strong,.phone-screen span{min-width:0}.mock-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.mock-header small,.mock-balance small,.mock-week small,.mock-class-hero small,.mock-charge-summary small{display:block;color:#8a97a4;font-size:9.5px;line-height:1.2}.mock-header b{color:#0b2a45;font:700 22px/1 Space Grotesk,sans-serif}.mock-header i,.mock-row>i,.mock-attendance-card i{display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-family:Space Grotesk,sans-serif;font-weight:700}.mock-header i{width:32px;height:32px;border-radius:50%;background:#0b2a45;color:#fff;font-size:11px}.mock-action,.mock-submit{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;border-radius:13px;background:#1675a6;color:#fff;font-size:13px;font-weight:700;box-shadow:0 7px 18px #1675a63d}.mock-action{margin-bottom:12px}.mock-balance{position:relative;margin-bottom:10px;padding:15px;border-radius:16px;background:linear-gradient(150deg,#0a4377,#063c6b);box-shadow:0 12px 26px -18px #063c6bb3}.mock-balance small{color:#ffffff9e;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,monospace}.mock-balance strong{display:inline-block;margin-top:8px;color:#fff;font:700 30px/1 Space Grotesk,sans-serif}.mock-balance>span{margin-left:6px;color:#8fb3cc;font-size:11px}.mock-balance em{position:absolute;right:12px;bottom:14px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#f02e2b2e;color:#ffc9c2;border:1px solid rgba(240,46,43,.32);font-size:9px}.mock-balance em i{width:5px;height:5px;border-radius:50%;background:#ff6b5e}.mock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.mock-metrics div,.mock-week,.mock-row,.mock-charge-summary{background:#fff;border:1px solid #e8edf2;border-radius:13px}.mock-metrics div{padding:11px}.mock-metrics b{color:#0b2a45;font:700 20px/1.1 Space Grotesk,sans-serif}.mock-metrics div:last-child b,.mock-week b{color:#12876c}.mock-week{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 11px;margin-bottom:15px}.mock-week b{font:700 19px/1.1 Space Grotesk,sans-serif}.mock-week svg{flex:0 0 auto;max-width:45%}.mock-section{margin-bottom:8px;color:#0b2a45;font:700 14px Space Grotesk,sans-serif}.mock-row{display:flex;align-items:center;gap:10px;padding:10px}.mock-row>i{width:34px;height:34px;border-radius:50%;background:#e2f0f7;color:#1675a6;font-size:12px}.mock-row span{flex:1;overflow:hidden}.mock-row b{color:#0b2a45;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-row small{color:#94a1ae;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-row strong{flex:0 0 auto;color:#e22c28;font:700 14px Space Grotesk,sans-serif}.mock-class-hero{margin:-17px -14px 14px;padding:22px 16px 17px;background:linear-gradient(160deg,#0a4377,#063c6b);color:#fff}.mock-class-hero small{color:#9fc1d6;margin-bottom:7px;text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono,monospace}.mock-class-hero b{color:#fff;font:700 20px/1.08 Space Grotesk,sans-serif}.mock-class-hero span{display:block;margin-top:6px;color:#a9c4d6;font-size:11.5px;line-height:1.35}.mock-attendance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mock-attendance-card{position:relative;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px 8px 11px;border:2px solid #e8edf2;border-radius:14px;background:#fff}.mock-attendance-card.selected{border-color:#1675a6;background:#eaf4fa}.mock-attendance-card>span{position:absolute;top:7px;right:7px;width:20px;height:20px;display:grid;place-items:center;border:2px solid #d5dde5;border-radius:50%;background:#fff;color:#fff;font-size:10px;font-weight:800}.mock-attendance-card.selected>span{border-color:#1675a6;background:#1675a6}.mock-attendance-card i{width:42px;height:42px;border-radius:50%;background:#e2f0f7;color:#1675a6;font-size:13px}.mock-attendance-card b{width:100%;color:#5b6b7a;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-charge-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;margin-bottom:10px}.mock-charge-summary b{color:#0b2a45;font:700 21px/1 Space Grotesk,sans-serif}.mock-charge-summary em{flex:0 0 auto;background:#e3f4ee;color:#12876c;font-size:10px}.mock-submit{min-height:41px;font-size:12.5px}.plan-selector{display:grid;gap:9px;margin:4px 0 18px}.plan-option{width:100%;display:flex;align-items:center;gap:12px;border:1px solid rgba(207,211,210,.22);border-radius:12px;padding:13px 14px;background:#ffffff12;color:#f2f1f0;text-align:left}.plan-option.selected{border-color:#5fd0a8b8;background:#5fd0a824}.plan-option span{flex:1;min-width:0}.plan-option b{font-size:14px;color:#f7fafc}.plan-option small{color:#a9c4d6;line-height:1.35;white-space:normal}.plan-option strong{display:block;margin-top:8px;color:#5fd0a8;font:800 15px/1.2 Space Grotesk,sans-serif}.plan-option i{width:23px;height:23px;border-radius:50%;background:#ffffff1a;color:#5fd0a8;display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-weight:800}.currency-selector{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:2px 0 16px}.currency-option{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(207,211,210,.22);border-radius:12px;padding:10px 12px;background:#ffffff12;color:#f2f1f0;font-weight:800;letter-spacing:.04em}.currency-option.selected{border-color:#5fd0a8b8;background:#5fd0a824}.currency-option i{width:22px;height:22px;border-radius:50%;background:#ffffff1a;color:#5fd0a8;display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-weight:800}.trial-ended-card{margin:-12px 0 18px;padding:14px 15px;border:1px solid rgba(95,208,168,.34);border-radius:12px;background:#5fd0a81f}.trial-ended-card b{color:#f7fafc;font-size:14px}.trial-ended-card small{color:#a9c4d6;margin-top:4px;line-height:1.45;white-space:normal}.primary{width:100%;border:0;background:#1675a6;color:#fff;border-radius:10px;padding:15px;font-weight:600;box-shadow:0 6px 20px #1675a659}.primary.action{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;margin-bottom:16px}.mini-primary{border:0;background:#1675a6;color:#fff;border-radius:9px;padding:8px 12px;font-size:11.5px;font-weight:600}.add{padding:9px 14px;font-size:13px;border-radius:10px}.topline,.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.title-actions{display:flex;align-items:center;gap:8px}.secondary-action{border:0;background:#eaf3f8;color:#1675a6;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:-8px 0 16px;padding:4px;border-radius:12px;background:#eef3f8}.segmented button{min-height:38px;border:0;border-radius:9px;background:transparent;color:#5b6b7a;font-size:13px;font-weight:800}.segmented button.on{background:#fff;color:#1675a6;box-shadow:0 5px 14px #0b2a4514}.profile{width:42px;height:42px;border-radius:50%;background:#0b2a45;color:#fff;display:grid;place-items:center;font:600 14px Space Grotesk,sans-serif}.signout-button{border:0;background:#fff;color:#5b6b7a;border-radius:12px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;box-shadow:0 6px 16px #0b2a4514}.signout-button .profile{width:34px;height:34px;font-size:12px}.signout-button svg{color:#1675a6;flex-shrink:0}.trial-banner{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin-bottom:14px;padding:13px 15px;border:1px solid #cfe8dd;border-radius:14px;background:#edf8f3}.trial-banner span{color:#12876c;font:500 10px JetBrains Mono;letter-spacing:.14em;text-transform:uppercase}.trial-banner b{color:#0b2a45;font:700 16px Space Grotesk;text-align:right}.trial-banner small{grid-column:1 / -1;color:#5f7a70;white-space:normal}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px}.balance-card{grid-column:1/-1;background:linear-gradient(150deg,#0a4377,#063c6b);border-radius:16px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;box-shadow:0 12px 28px -12px #063c6b8c;overflow:hidden}.balance-card>div:first-child{min-width:0}.balance-card strong{font:700 36px/1 Space Grotesk;color:#f7fafc}.balance-card span{font-size:13px;color:#8fb3cc;margin-left:7px}.overdue-dot{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;padding:5px 11px;border-radius:100px;background:#f02e2b2e;border:1px solid rgba(240,46,43,.4);color:#ffc9c2;font-size:10.5px;font-weight:600}.overdue-dot i{width:5px;height:5px;border-radius:50%;background:#ff6b5e}.metric,.week-card{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:14px 15px}.metric small,.week-card small{display:block;font-size:10.5px;color:#8a97a4;margin-bottom:7px}.metric b,.week-card b{font:600 24px Space Grotesk;color:#0b2a45}.week-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px}.week-card>div{min-width:0}.week-card svg{flex:0 0 auto;max-width:42%}.green{color:#12876c!important}.red,.danger{color:#e22c28!important}.orange{color:#f07a20!important}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-head span{font:600 16px Space Grotesk;color:#0b2a45}.section-head button{border:0;background:none;color:#1675a6;font-size:12px;font-weight:600}.list,.group-list{display:flex;flex-direction:column;gap:9px}.person-row,.student-row,.session-row,.member-row,.history-row,.start-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8edf2;border-radius:13px;padding:11px 13px;color:inherit;text-align:left}.row-main,.pending-top button{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;color:inherit;text-align:left;padding:0}.person-row span,.student-row span,.pending-top span,.history-row span,.start-row span,.session-row span,.group-top span:not(.tile),.membership-row span:not(.avatar):not(.tile){min-width:0;flex:1}.person-row b,.person-row small,.student-row b,.student-row small,.pending-top b,.pending-top small,.history-row b,.history-row small,.start-row b,.start-row small,.session-row b,.session-row small,.group-top b,.group-top small,.membership-row b,.membership-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong,.history-row strong,.member-row strong,.pending-top>span,.mini-primary{flex:0 0 auto}b{display:block;font-weight:700}small{display:block;color:#94a1ae;font-size:11.5px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font:600 13px Space Grotesk}.avatar.large{width:54px;height:54px;font-size:18px}.right{text-align:right;flex:0 1 auto!important;max-width:42%}.search{position:relative;margin-bottom:16px}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%)}.search input,.field input,.field select{width:100%;background:#fff;border:1.5px solid #dce3ea;border-radius:11px;padding:12px 14px;color:#1b2d3d;outline:none;font-size:16px;text-transform:none;letter-spacing:0}.search input{padding-left:38px;border-color:#e3e9ef}.empty{text-align:center;padding:40px 20px;color:#9aa8b6;font-size:14px}.detail-hero{padding:6px 18px 18px;background:linear-gradient(160deg,#0a4377,#063c6b);color:#fff}.detail-hero.simple{padding-bottom:20px}.detail-hero h2{color:#fff;margin-bottom:4px}.detail-hero p,.detail-hero small{color:#a9c4d6;font-size:13px}.back{display:flex;align-items:center;gap:5px;border:0;background:none;color:#8fb3cc;padding:0;margin-bottom:16px;font-size:13px}.identity{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hero-actions{display:flex;gap:10px}.hero-actions>div,.hero-actions button{flex:1;border-radius:12px}.hero-actions>div{background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:12px 14px}.hero-actions b{font:700 22px Space Grotesk}.hero-actions button{border:0;background:#1675a6;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.warn-light{color:#ff8a82}.ok-light{color:#5fd0a8}.detail-body{padding-top:18px}.label-line{display:flex;justify-content:space-between;color:#9aa8b6;font:500 10px JetBrains Mono;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.label-line button{min-height:36px;border:0;background:#eaf3f8;color:#1675a6;border-radius:9px;padding:8px 12px;font:600 13px DM Sans,system-ui,sans-serif;letter-spacing:0;text-transform:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8edf2;border-radius:100px;padding:7px 13px;font-size:12.5px;font-weight:600}.chip i{width:7px;height:7px;background:#1675a6;border-radius:50%}.table{background:#fff;border:1px solid #e8edf2;border-radius:14px;overflow:hidden;margin-bottom:24px}.table-row,.member-row,.history-row{border:0;border-bottom:1px solid #f0f3f6;border-radius:0;padding:12px 15px;justify-content:space-between}.table-row{display:flex;align-items:center}.table-row span:last-child{text-align:right}em{font-style:normal;font-size:10px;font-weight:600;padding:3px 9px;border-radius:100px}.paid{background:#e3f4ee;color:#12876c}.pending{background:#fdede4;color:#c25a14}.late{background:#fdeae9;color:#c0211e}.dashed{background:#fff;border:1px dashed #dce3ea;border-radius:14px;padding:20px;text-align:center;color:#9aa8b6;margin-bottom:24px}.dashed.compact{padding:14px;margin-bottom:18px;font-size:13px}.action-empty{width:100%;color:#1675a6;font-weight:600}.archive{width:100%;background:none;border:1px solid #f0c9c7;color:#c0211e;border-radius:11px;padding:13px;font-weight:600}.group-card{background:#fff;border:1px solid #e8edf2;border-radius:16px;padding:16px 17px;text-align:left;color:inherit}.group-top{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.group-top em{margin-left:auto}.tile{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:#eef3f8;color:#1675a6}.tile.small{width:34px;height:34px;border-radius:9px}.group-stats{display:flex;gap:22px;padding-top:13px;border-top:1px solid #f0f3f6}.group-stats span{flex:1;min-width:0}.group-stats b{font:600 16px Space Grotesk}.member-row,.session-row,.start-row{width:100%;border-radius:0}.member-row strong{margin-left:auto}.membership-table{max-height:420px;overflow-y:auto}.membership-row span:not(.avatar):not(.tile){flex:1;min-width:0}.membership-action{flex:0 0 auto;border:0;border-radius:9px;padding:8px 12px;font-size:11.5px;font-weight:600}.membership-action.add{background:#eaf3f8;color:#1675a6}.membership-action.remove{background:#fdeae9;color:#c0211e}.merge-table{max-height:260px;overflow-y:auto}.merge-source{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #f0f3f6;background:#fff;color:inherit;padding:12px 15px;text-align:left}.merge-source.selected{background:#eaf4fa}.merge-source span:not(.tile){flex:1;min-width:0}.merge-source b,.merge-source small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-student-table{max-height:300px;overflow-y:auto}.direct-student-row{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #f0f3f6;background:#fff;color:inherit;padding:12px 15px;text-align:left}.direct-student-row.selected{background:#eaf4fa}.direct-student-row span{flex:1;min-width:0}.direct-student-row b,.direct-student-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-student-row i{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#eaf3f8;color:#1675a6;font-style:normal;font-weight:900}.merge-source i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eaf3f8;color:#1675a6;font-style:normal;font-weight:800}.merge-preview{margin-bottom:18px}.session-row{border-radius:12px;padding:13px 15px}.session-row i{margin-left:auto;color:#c2cdd8;font-size:24px;font-style:normal}.attendance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px}.attendance-head p{color:#5b6b7a;font-size:14px}.attendance-head b{display:inline;color:#1675a6;font:700 17px Space Grotesk}.attendance-head button{border:0;background:#eaf3f8;color:#1675a6;border-radius:9px;padding:9px 13px;font-weight:600;white-space:nowrap}.live-tag,.edit-tag{display:inline-flex;margin-bottom:9px;font:500 10px JetBrains Mono;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:100px}.live-tag{color:#ffc9c2;background:#f02e2b2e;border:1px solid rgba(240,46,43,.4)}.edit-tag{color:#a9c4d6;background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.attendance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 10px}.attendance-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;background:#fff;border:2px solid #e8edf2;border-radius:15px;padding:17px 10px 14px;min-height:150px}.attendance-tile.selected{background:#eaf4fa;border-color:#1675a6}.attendance-tile .check{position:absolute;top:8px;right:8px;width:21px;height:21px;border-radius:50%;border:2px solid #d5dde5;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.attendance-tile.selected .check{background:#1675a6;border-color:#1675a6}.attendance-tile b{text-align:center;font-size:13px;color:#5b6b7a;line-height:1.2}.sticky-action{position:sticky;bottom:0;padding:12px 18px 16px;background:linear-gradient(180deg,#f4f6f900,#f4f6f9 34%)}.subhead{color:#7a8896;margin:4px 0 18px;font-size:13.5px}.subhead strong{color:#e22c28}.tabs{display:flex;gap:4px;background:#e9eef3;border-radius:11px;padding:4px;margin-bottom:18px}.tabs button{flex:1;border:0;background:transparent;color:#6a7a89;border-radius:8px;padding:8px 0;font-size:12.5px;font-weight:600}.tabs .on{color:#fff;background:#1675a6}.pending-card{background:#fff;border:1px solid #e8edf2;border-radius:15px;padding:15px}.pending-top{display:flex;align-items:center;gap:12px;margin-bottom:13px}.pending-top>span{text-align:right;flex:0 0 auto}.pending-top>span b{font:700 19px Space Grotesk;color:#e22c28}.history-group{margin-bottom:18px}.nav-shell{position:sticky;bottom:0;z-index:30;margin-top:auto;padding:8px 12px;background:linear-gradient(180deg,#f4f6f900,#f4f6f9 28%)}.bottom-nav{display:flex;justify-content:space-around;align-items:center;width:min(560px,100%);height:56px;margin:0 auto;padding:6px 8px;border:1px solid #e4ebf2;border-radius:18px;background:#fffffff7;box-shadow:0 14px 34px #0b2a452e}.bottom-nav button{flex:1;min-width:0;min-height:46px;border:0;background:none;color:#9aa8b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;line-height:1.1;font-weight:600}.bottom-nav svg{flex-shrink:0}.bottom-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav .active{color:#1675a6}.scrim{position:fixed;inset:0;z-index:40;border:0;background:#081e3480;animation:fadeIn .2s ease-out}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;width:min(560px,100%);margin:0 auto;background:#f7f9fb;border-radius:22px 22px 0 0;padding:22px 20px;animation:fadeIn .16s ease-out;max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain}.handle{width:38px;height:4px;border-radius:100px;background:#d5dde5;margin:0 auto 18px}.modal-id{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-id h3{margin:0;font-size:18px}.modal-id b{color:#e22c28;display:inline}.money{display:flex;align-items:center;background:#fff;border:1.5px solid #dce3ea;border-radius:13px;padding:4px 16px}.money span,.money input{font:600 24px Space Grotesk;color:#0b2a45}.money input{border:0;padding:10px 0}.quick{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 16px}.quick button{border:0;background:#eaf3f8;color:#1675a6;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.preview{background:#fff;border:1px solid #e8edf2;border-radius:12px;padding:13px 15px;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:#45576a;font-size:13px;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{border:0;border-radius:12px;padding:15px 22px;font-weight:600;background:#eef2f6;color:#5b6b7a}.modal-actions .primary,.modal-actions .success{flex:1;color:#fff}.modal-actions .primary{background:#1675a6;box-shadow:0 6px 20px #1675a659}.modal-actions .success{background:#12876c;box-shadow:0 6px 18px #12876c59}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.modal-copy{color:#7a8896;font-size:13px;line-height:1.5;margin-bottom:20px}.toast{position:fixed;left:50%;bottom:88px;z-index:60;max-width:calc(100% - 36px);transform:translate(-50%);background:#0b2a45;color:#f2f1f0;font-size:13.5px;font-weight:500;padding:12px 20px;border-radius:100px;box-shadow:0 10px 30px #063c6b66;animation:toastIn .24s ease-out;display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast.modal-toast{top:18px;bottom:auto;z-index:70}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.login{justify-content:flex-start;padding:34px 24px;overflow-y:auto}.login-layout{grid-template-columns:1fr;justify-items:center;gap:34px}.login-content{width:min(430px,100%)}.brand{margin-bottom:34px}.login-showcase{width:min(620px,100%);min-height:540px}.phone-dashboard{left:10%}.phone-attendance{right:10%}}@media(max-width:620px){.login{padding:28px 18px 34px}.login-showcase{min-height:0;display:grid;grid-template-columns:1fr;gap:18px;justify-items:center}.login-showcase:before{width:86%;height:82%;top:8%}.phone-mock{position:relative;width:min(292px,100%)}.phone-dashboard,.phone-attendance{inset:auto;transform:none}.phone-screen{min-height:auto}.phone-attendance .phone-screen{padding-bottom:14px}}@media(max-width:420px){.login h1{font-size:31px}.login p{margin-bottom:28px}.mock-balance strong{font-size:28px}.mock-attendance-card{min-height:96px}.balance-card{align-items:flex-start}.balance-card strong{font-size:34px}.overdue-dot{margin-left:0}.person-row{align-items:stretch}.person-row .row-main{min-width:0}.person-row .mini-primary{align-self:center;padding-left:10px;padding-right:10px}.student-row,.pending-top,.history-row,.member-row,.start-row,.session-row{gap:10px}.group-stats{gap:12px}.modal-actions button{min-width:0;padding-left:14px;padding-right:14px}}@media(max-width:360px){.pad,.attendance-grid{padding-left:14px;padding-right:14px}.field-row,.hero-actions{flex-direction:column}}