@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}.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-content{position:relative;width:min(380px,100%)}.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}.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}.demo{text-align:center;font-size:12px;color:#7fa0b5;margin-top:12px}.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}.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}.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}.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}.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}@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:420px){.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}}