:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#272925;background:#fbfaf7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payment-shell{height:100vh;overflow:hidden;display:grid;grid-template-columns:196px minmax(680px,1fr) 320px;background:#fbfaf7}.payment-shell:not(:has(.detail-panel)){grid-template-columns:196px minmax(680px,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #e9e5dc;background:#fffefa;padding:24px 12px 18px;display:flex;flex-direction:column}.sidebar-logo{width:108px;height:48px;object-fit:contain;object-position:left center;margin:0 10px 28px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;min-height:44px;border:0;background:transparent;color:#62645e;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;text-align:left}.nav-item:hover{background:#faf4ec;color:#2d2f2a}.nav-item.active{background:#fff1e7;color:#ed5b0b;box-shadow:inset 3px 0 #ed5b0b}.sidebar-bottom{margin-top:auto}.payment-main{min-width:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.payment-header{min-height:82px;border-bottom:1px solid #e9e5dc;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.payment-header h1,.section-heading h2,.detail-heading h2{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0;margin:0}.payment-header h1{font-size:28px}.payment-header p{margin:3px 0 0;color:#8a8982;font-size:12px}.header-date{color:#797a74;font-size:12px}.header-meta{display:flex;align-items:center;gap:14px}.sync-indicator{color:#777971;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:650;white-space:nowrap}.sync-indicator>span{width:7px;height:7px;border-radius:50%;background:#d89a2f}.sync-indicator.online>span{background:#2f8f5b}.sync-indicator.offline>span{background:#bd6b36}.header-logo-status{position:relative;width:70px;height:34px;display:none;align-items:center;justify-content:flex-end}.header-logo-status img{width:66px;height:30px;object-fit:contain;object-position:right center}.status-overview{padding:20px 24px 16px;border-bottom:1px solid #e9e5dc}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:18px}.section-heading span{color:#85857e;font-size:12px}.progress-track{height:14px;display:flex;overflow:hidden;border-radius:7px;background:#efede7}.progress-track span{display:block;min-width:0}.progress-paid{background:#3f8b39}.progress-partial{background:#f2a118}.progress-open{background:#e13d35}.status-legend{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}.status-legend button{border:0;background:transparent;text-align:left;padding:2px 0;display:grid;gap:2px}.status-legend strong{font-size:20px;font-weight:600}.status-legend span{font-size:13px;color:#383a35}.status-legend small{color:#898a83;font-size:11px}.text-paid,.amount-paid{color:#3f8b39!important}.text-partial{color:#db8611!important}.text-open,.amount-open{color:#d9362e!important}.overview-content{min-height:0;flex:1;overflow-y:auto;padding:22px 24px 28px}.overview-totals{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e5e1d8;border-radius:8px;background:#fff}.overview-metric{min-width:0;padding:18px 20px;border-right:1px solid #e9e5dc;display:grid;gap:5px}.overview-metric:last-child{border-right:0}.overview-metric>span,.overview-metric small{color:#7d7e77;font-size:11.5px}.overview-metric strong{color:#2e302b;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500;letter-spacing:0}.overview-content .overview-metric strong{font-weight:800}.overview-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;margin-top:26px}.overview-class-section{margin-top:26px}.class-group-tabs{display:flex;gap:6px;margin-bottom:14px;padding-bottom:2px;overflow-x:auto}.class-group-tabs button{min-height:38px;padding:0 12px;border:1px solid #ddd9cf;border-radius:6px;background:#fff;color:#62645e;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;white-space:nowrap}.class-group-tabs button:hover{border-color:#ef9b6f;color:#d85712}.class-group-tabs button.selected{border-color:#eb5a14;background:#fff1e7;color:#d94f09;box-shadow:inset 0 -2px #eb5a14}.class-group-tabs button span{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f0ede7;color:#777871;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.class-group-tabs button.selected span{background:#fff;color:#d94f09}.overview-block{min-width:0}.overview-block-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.overview-block-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500;letter-spacing:0}.overview-block-heading span{color:#85857e;font-size:11px}.follow-up-list{border-top:1px solid #e5e1d8}.class-progress-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid #e5e1d8}.follow-up-row{width:100%;min-height:60px;padding:9px 4px;border:0;border-bottom:1px solid #ebe7df;background:transparent;display:grid;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:10px;text-align:left;color:#393b36}.follow-up-row:hover{background:#fff6ef}.follow-up-name{min-width:0;display:grid;gap:3px}.follow-up-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.follow-up-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85867f;font-size:10.5px}.follow-up-row>strong{font-size:12.5px;white-space:nowrap}.follow-up-row>svg{color:#aaa9a2}.overview-empty{padding:28px 4px;color:#777871;font-size:12px;border-bottom:1px solid #ebe7df}.class-progress-group{min-width:0;border-bottom:1px solid #ebe7df}.class-progress-group.expanded{grid-column:1 / -1;border-color:#e6c5ad;box-shadow:0 8px 24px #4b36250f}.class-progress-group.expanded .class-progress-row{position:sticky;top:0;z-index:6;padding-inline:12px;border-bottom:1px solid #e6c5ad;background:#fff5ed;box-shadow:0 5px 14px #4e372414}.class-progress-group.expanded .class-progress-copy strong{color:#b7460e;font-size:13px}.class-progress-group.expanded .class-progress-copy small{color:#8b5c42;font-weight:650}.class-progress-group.expanded .class-progress-score{color:#b7460e;font-weight:800}.class-progress-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 2px;border:0;background:transparent;text-align:left}.class-progress-row:hover{background:#fff6ef}.class-progress-copy{min-width:0;display:grid;gap:3px}.class-progress-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343631;font-size:12px}.class-progress-copy small{color:#85867f;font-size:10.5px}.class-progress-score{color:#3f8b39;font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:6px}.class-progress-score svg{color:#8b8c85;transition:transform .18s ease}.class-progress-group.expanded .class-progress-score svg{transform:rotate(180deg)}.mini-progress{grid-column:1 / -1;height:6px;overflow:hidden;border-radius:3px;background:#ebe9e2}.mini-progress span{display:block;height:100%;border-radius:inherit;background:#3f8b39}.class-student-list{border-top:1px solid #eeeae2;background:#fffdfa}.class-student-actions{min-height:52px;padding:8px 10px;border-bottom:1px solid #e9e5dc;display:flex;align-items:center;justify-content:space-between;gap:12px}.class-student-actions>span{color:#777871;font-size:11px}.class-student-actions>div{display:flex;gap:8px}.class-progress-heading>div{display:flex;align-items:baseline;gap:8px}.class-progress-heading .secondary-action{min-height:34px}.class-student-row{width:100%;min-height:58px;padding:9px 10px;border-bottom:1px solid #f0ede6;background:transparent;display:grid;grid-template-columns:30px minmax(0,1fr) auto minmax(142px,auto);align-items:center;gap:8px}.class-student-row:last-child{border-bottom:0}.class-student-row:hover{background:#fff4eb}.class-student-row .avatar{width:28px;height:28px;margin:0}.class-student-name{min-width:0;padding:3px 4px;margin:-3px -4px;border:0;border-radius:5px;background:transparent;display:grid;gap:2px;text-align:left}.class-student-name:hover,.class-student-name:focus-visible{background:#fff1e7;outline:0}.class-student-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343631;font-size:11.5px}.class-student-name small{color:#85867f;font-size:10px}.class-student-row>strong{font-size:11.5px;font-weight:800;white-space:nowrap}@media(min-width:681px){.class-student-amount{min-width:92px;padding:3px 12px;border-left:1px solid #e8e3da;display:grid;gap:2px;justify-items:end;text-align:right}.class-student-amount:before{content:"Openstaand";color:#92938c;font-size:9px;font-weight:650}.class-student-amount.text-paid:before{content:"Status"}}.register-payment{min-height:36px;padding:0 12px;border:1px solid #eb5a14;border-radius:6px;background:#eb5a14;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:650;white-space:nowrap}.delete-student-action{color:#b4b2aa}.swipe-row{position:relative;overflow:hidden;background:#fff}.swipe-row-content{position:relative;z-index:1;width:100%;background:#fff;transition:transform .22s ease}.swipe-row-actions{position:absolute;z-index:0;inset:0 0 0 auto;width:136px;display:none;grid-template-columns:1fr 1fr}.swipe-row-actions button,.swipe-table-actions button{padding:4px;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700}.swipe-edit{background:#d98724}.swipe-delete{background:#bd4f45}.swipe-table-actions{display:none}.detail-delete-action{min-height:40px;border:0;background:transparent;color:#aa4b43;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700}.detail-delete-action:hover{background:#fbefed}.teacher-workspace{min-height:0;flex:1;overflow-y:auto;padding:20px 24px 28px}.teacher-section-tabs{margin:2px 0 18px;padding:4px;border:1px solid #ddd9cf;border-radius:8px;background:#f4f2ed;display:inline-flex;gap:3px}.teacher-section-tabs button{min-height:38px;padding:8px 14px;border:0;border-radius:6px;background:transparent;color:#6f716b;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700}.teacher-section-tabs button:hover{color:#343631}.teacher-section-tabs button.selected{background:#fff;color:#c94b0b;box-shadow:0 1px 4px #2a27211a}.teacher-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.teacher-toolbar>.primary-action{margin-left:auto}.teacher-toolbar>label{display:flex;align-items:center;gap:8px;color:#686a64;font-size:12px}.teacher-toolbar select{min-height:38px;border:1px solid #ddd9cf;border-radius:6px;background:#fff;padding:0 10px;color:#343631;font-size:12px}.teacher-rate{margin-left:auto;color:#85867f;font-size:11.5px}.teacher-rate strong{color:#343631}.teacher-totals{margin-bottom:26px}.teacher-finance-summary{margin:2px 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-finance-card{min-height:128px;padding:18px;border:1px solid #ddd9cf;border-radius:8px;background:#fff;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px}.teacher-finance-card.current-month{border-color:#efb18d;background:#fff8f3}.teacher-finance-card.school-year{grid-template-columns:auto minmax(120px,1fr) auto;border-color:#d8d4ca;background:#fff}.teacher-finance-icon{width:38px;height:38px;border-radius:7px;background:#fff;color:#d94f09;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #eadfd5}.teacher-finance-copy,.teacher-finance-total,.teacher-finance-peak{display:flex;flex-direction:column;gap:3px}.teacher-finance-card small{color:#85867f;font-size:10.5px;font-style:normal;font-weight:600;text-transform:uppercase}.teacher-finance-copy>strong{color:#343631;font-size:15px}.teacher-finance-total{min-width:152px;padding-left:16px;border-left:1px solid #e5e1d8}.teacher-finance-total>strong{color:#252823;font-size:27px;line-height:1.1}.teacher-finance-total em,.teacher-finance-peak em{color:#74766f;font-size:11px;font-style:normal}.teacher-finance-peak{min-width:116px;padding-left:16px;border-left:1px solid #e5e1d8}.teacher-finance-peak>strong{color:#343631;font-size:13px}.teacher-chart-section{margin-bottom:28px;padding:18px;border:1px solid #ddd9cf;border-radius:8px;background:#fff}.teacher-chart-heading{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.teacher-chart-heading h2{margin:0;color:#30332f;font-size:15px}.teacher-chart-heading p{margin:4px 0 0;color:#85867f;font-size:11.5px}.teacher-chart-heading>span{color:#74766f;font-size:11px;font-weight:600;white-space:nowrap}.teacher-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.teacher-chart-bar{min-height:50px;padding:7px 8px;border:0;border-bottom:1px solid #eeeae2;background:transparent;display:grid;grid-template-columns:104px minmax(80px,1fr) 76px;align-items:center;gap:10px;text-align:left}.teacher-chart-bar:hover,.teacher-chart-bar.selected{background:#fff5ed}.chart-month{display:flex;flex-direction:column;gap:2px}.chart-month strong{color:#41443f;font-size:11.5px}.chart-month small{color:#96978f;font-size:9.5px}.chart-track{height:8px;border-radius:4px;background:#eeeae2;overflow:hidden}.chart-track>span{display:block;height:100%;border-radius:4px;background:#e4783f}.teacher-chart-bar.selected .chart-track>span{background:#c94b0b}.chart-amount{color:#343631;font-size:11.5px;text-align:right;white-space:nowrap}.chart-column{width:22px;height:100%;margin:0 auto;border-radius:4px 4px 0 0;background:#f0ede7;display:flex;align-items:end;overflow:hidden}.chart-column>span{width:100%;min-height:4px;border-radius:4px 4px 0 0;background:#e87736;transition:height .22s ease}.teacher-chart-bar:hover .chart-column>span,.teacher-chart-bar.selected .chart-column>span{background:#c94b0b}.teacher-chart-bar>small{color:#74766f;font-size:10px;text-align:center;text-transform:capitalize}.teacher-registry{margin-top:2px}.teacher-person-overview{padding:18px;border:1px solid #ddd9cf;border-radius:8px;background:#fff}.teacher-color-chart{margin:4px 0 24px;overflow:hidden;border:1px solid #e1ddd4;border-radius:8px;background:#faf9f6}.teacher-color-chart-total{min-height:58px;padding:11px 16px;border-bottom:1px solid #e5e1d8;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.teacher-color-chart-total span{color:#6f716b;font-size:12px;font-weight:650}.teacher-color-chart-total strong{color:#292c27;font-size:22px}.teacher-color-chart-scroll{width:100%;padding:18px 12px 12px;overflow:hidden}.teacher-color-bars{width:100%;min-width:0;height:292px;padding:0 8px;border-bottom:1px solid #d8d4ca;display:grid;align-items:end;gap:clamp(3px,1vw,10px)}.teacher-color-bars button{height:100%;min-width:0;padding:0 2px;border:0;background:transparent;display:grid;grid-template-rows:28px 1fr 48px;align-items:end;gap:6px}.teacher-color-bars button:hover .teacher-color-column>span{filter:brightness(.9)}.teacher-color-bars button>strong{color:#343631;font-size:10.5px;text-align:center;white-space:nowrap}.teacher-color-column{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.teacher-color-column>span{width:min(42px,72%);min-height:3px;border-radius:5px 5px 1px 1px;display:block;transition:filter .15s ease}.teacher-color-bars button>span:last-child{overflow:hidden;color:#5d6059;font-size:10px;font-weight:650;line-height:1.2;text-align:center;text-overflow:ellipsis}.teacher-color-bars.is-dense{gap:3px}.teacher-color-bars.is-dense button{padding-inline:0}.teacher-color-bars.is-dense button>strong{font-size:8.5px}.teacher-color-bars.is-dense .teacher-color-column>span{width:78%}.teacher-color-bars.is-dense button>span:last-child{font-size:8.5px;overflow-wrap:anywhere}.teacher-spend-chart{padding:10px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.teacher-spend-row{min-width:0;min-height:52px;padding:7px 4px;border:0;border-bottom:1px solid #ebe7df;background:transparent;display:grid;grid-template-columns:minmax(90px,.8fr) minmax(70px,1.4fr) 76px;align-items:center;gap:9px;text-align:left}.teacher-spend-row:hover,.teacher-spend-row:focus-visible{background:#fff5ed;outline:0}.teacher-spend-name{min-width:0;display:flex;align-items:center;gap:7px}.teacher-spend-name i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}.teacher-spend-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3b3e39;font-size:11.5px}.teacher-spend-track{height:9px;overflow:hidden;border-radius:5px;background:#ebe8e1}.teacher-spend-track>span{display:block;height:100%;min-width:0;border-radius:inherit}.teacher-spend-value{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;white-space:nowrap}.teacher-spend-value strong{color:#30332f;font-size:11.5px}.teacher-spend-value small{color:#85867f;font-size:9px}.teacher-person-list{border-top:1px solid #e8e4db}.teacher-person-row{width:100%;min-height:68px;padding:10px 8px;border:0;border-bottom:1px solid #eeeae2;background:#fff;display:grid;grid-template-columns:38px minmax(150px,1fr) minmax(110px,auto) 20px;align-items:center;gap:12px;text-align:left}.teacher-person-row:last-child{border-bottom:0}.teacher-person-row:hover{background:#fff7f1}.teacher-person-name,.teacher-person-row>span:not(.teacher-avatar){display:flex;flex-direction:column;gap:3px}.teacher-person-row small{color:#85867f;font-size:10.5px}.teacher-person-row strong{color:#30332f;font-size:13.5px}.teacher-person-row>span:not(.teacher-person-name):not(.teacher-avatar) strong{font-size:16px}.icon-action.danger{color:#b94f45}.deleted-workspace{padding-top:20px}.deleted-inline-list{overflow:hidden;border:1px solid #ddd9cf;border-radius:8px;background:#fff}.deleted-inline-row{min-height:62px;padding:10px 14px;border-bottom:1px solid #eeeae2;display:grid;grid-template-columns:20px 34px minmax(0,1fr) auto;align-items:center;gap:11px}.deleted-inline-row:last-child{border-bottom:0}.deleted-inline-row>span:not(.teacher-avatar){display:flex;flex-direction:column;gap:3px}.deleted-inline-row strong{color:#30332f;font-size:13.5px}.deleted-inline-row small{color:#85867f;font-size:11px}.teacher-table-head{min-height:36px;padding:0 10px 0 48px;border-top:1px solid #e5e1d8;border-bottom:1px solid #e5e1d8;background:#f7f5f0;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,.8fr) minmax(128px,.7fr) minmax(100px,.6fr);align-items:center;gap:16px;color:#777871;font-size:10.5px;font-weight:650}.teacher-list,.month-list{border-top:1px solid #e5e1d8}.teacher-list{border-top:0}.teacher-row{min-height:82px;padding:12px 10px;border-bottom:1px solid #ebe7df;display:grid;grid-template-columns:34px minmax(180px,1.4fr) minmax(140px,.8fr) minmax(128px,.7fr) minmax(100px,.6fr);align-items:center;gap:14px}.teacher-avatar{width:32px;height:32px;border-radius:50%;background:#fff1e7;color:#d85712;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.teacher-name{min-width:0;display:grid;gap:3px}.teacher-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.teacher-name small{color:#85867f;font-size:10.5px}.teacher-name-button{padding:6px;margin:-6px;border:0;border-radius:5px;background:transparent;color:inherit;text-align:left}.teacher-name-button:hover,.teacher-name-button:focus-visible{background:#fff1e7;outline:0}.teacher-name-button:hover strong,.teacher-name-button:focus-visible strong{color:#d94f09}.teacher-detail-summary{margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.teacher-detail-summary>div{min-width:0;padding:13px;border:1px solid #e5e1d8;border-radius:7px;background:#fbfaf7;display:grid;gap:3px}.teacher-detail-summary small{color:#85867f;font-size:9.5px;font-weight:700;text-transform:uppercase}.teacher-detail-summary strong{color:#30332f;font-size:20px}.teacher-detail-summary span{color:#85867f;font-size:9.5px}.teacher-detail-heading{margin-bottom:7px;display:flex;justify-content:space-between;gap:10px;color:#4d504a;font-size:11px}.teacher-detail-heading span{color:#96978f;font-size:9.5px}.teacher-detail-months{max-height:330px;overflow-y:auto;border-top:1px solid #e5e1d8}.teacher-detail-months button{width:100%;min-height:50px;padding:8px 4px;border:0;border-bottom:1px solid #eeeae2;background:transparent;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:9px;color:#343631;text-align:left}.teacher-detail-months button:hover,.teacher-detail-months button.selected{background:#fff5ed}.teacher-detail-months button>span{display:grid;gap:2px}.teacher-detail-months button>span strong{font-size:11.5px}.teacher-detail-months button>span small{color:#85867f;font-size:9.5px}.teacher-detail-months button>strong{font-size:11.5px;white-space:nowrap}.teacher-detail-months button>svg{color:#a4a59e}.payment-entry-summary{margin-bottom:18px;padding:13px 0;border-top:1px solid #e5e1d8;border-bottom:1px solid #e5e1d8;display:grid;grid-template-columns:repeat(3,1fr)}.payment-entry-summary>div{min-width:0;padding:0 10px;border-right:1px solid #e5e1d8;display:grid;gap:4px}.payment-entry-summary>div:first-child{padding-left:0}.payment-entry-summary>div:last-child{padding-right:0;border-right:0}.payment-entry-summary span{color:#85867f;font-size:10px;font-weight:600;text-transform:uppercase}.payment-entry-summary strong{color:#30332f;font-size:17px}.payment-history{margin-bottom:16px;overflow:hidden;border:1px solid #e5e1d8;border-radius:8px}.payment-history-heading{padding:8px 12px;border-bottom:1px solid #e5e1d8;background:#fbfaf7;color:#74766f;font-size:10px;font-weight:700;text-transform:uppercase}.payment-history-row{padding:10px 12px}.payment-entry-actions{display:flex;flex-direction:column;gap:10px}.bulk-payment-total{margin-bottom:12px;padding:12px 14px;border:1px solid #efb18d;border-radius:7px;background:#fff8f3;display:flex;align-items:center;justify-content:space-between;gap:12px}.bulk-payment-total span{color:#74766f;font-size:11px;font-weight:600}.bulk-payment-total strong{color:#d94f09;font-size:20px}.bulk-payment-list{max-height:250px;margin-bottom:16px;overflow-y:auto;border-top:1px solid #e5e1d8}.bulk-payment-row{min-height:58px;padding:8px 2px;border-bottom:1px solid #e5e1d8;display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:10px}.bulk-payment-row>span:first-child{min-width:0;display:grid;gap:3px}.bulk-payment-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#343631;font-size:12px}.bulk-payment-row small{color:#85867f;font-size:9.5px}.bulk-amount-input{height:36px;padding:0 8px;border:1px solid #ddd9cf;border-radius:6px;display:flex;align-items:center;gap:4px;color:#74766f;font-size:12px}.bulk-amount-input input{width:100%;border:0;outline:0;color:#30332f;font:inherit;font-weight:700;text-align:right}.bulk-payment-error{margin:-6px 0 12px;color:#c1554a;font-size:11.5px;line-height:1.4}.deleted-student-toolbar{min-height:48px;margin-bottom:10px;padding:8px 12px;border:1px solid #e5e1d8;border-radius:8px;background:#fff;display:flex;align-items:center;gap:14px}.deleted-student-toolbar label{display:flex;align-items:center;gap:7px;color:#4d504a;font-size:12px;font-weight:600}.deleted-student-toolbar>span{margin-right:auto;color:#85867f;font-size:11px}.deleted-student-toolbar button{min-height:34px;padding:0 11px;border:1px solid #c1554a;border-radius:6px;background:#fff;color:#b5453c;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650}.deleted-student-toolbar button:disabled{opacity:.4;cursor:not-allowed}.permanent-delete-copy{margin:0 0 20px;color:#62645e;font-size:13px;line-height:1.5}.permanent-delete-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.permanent-delete-actions>button{min-height:42px;border:0;border-radius:7px;background:#c1554a;color:#fff;font-size:12px;font-weight:650}.teacher-rate-saved{display:grid;gap:5px}.teacher-rate-saved>span{color:#7d7e77;font-size:10.5px}.teacher-rate-saved>span strong{margin-left:4px;color:#343631;font-size:12px}.teacher-rate-saved button{width:fit-content;border:0;background:transparent;color:#d85712;padding:0;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:650}.teacher-rate-editor{display:grid;grid-template-columns:auto 92px;align-items:center;gap:3px 8px;color:#7d7e77;font-size:10.5px}.teacher-rate-editor small{grid-column:1 / -1;color:#95968f;font-size:9.5px}.rate-input-wrap{height:36px;padding-left:9px;border:1px solid #eb5a14;border-radius:6px;background:#fff;color:#6a6b65;display:flex;align-items:center}.rate-input-wrap input{width:66px;height:100%;border:0;outline:none;padding:0 8px 0 4px;background:transparent;font-size:12px}.teacher-amount{min-width:68px;color:#d85712;font-size:13px;display:grid;gap:3px}.teacher-amount span{display:none;color:#85867f;font-size:9.5px;font-weight:500}.teacher-hours-cell{display:grid;gap:4px}.teacher-hours{position:relative}.teacher-hours svg{position:absolute;left:9px;top:11px;color:#92938c}.teacher-hours input{width:100%;height:38px;border:1px solid #ddd9cf;border-radius:6px;padding:0 8px 0 30px;font-size:12px}.auto-save-note{color:#3f8b39;display:inline-flex;align-items:center;gap:4px;font-size:9.5px;white-space:nowrap}.icon-action{width:32px;height:32px;border:0;background:transparent;color:#aaa9a2;display:inline-flex;align-items:center;justify-content:center}.icon-action:hover{color:#d9362e}.month-list button{width:100%;min-height:52px;padding:8px 4px;border:0;border-bottom:1px solid #ebe7df;background:transparent;display:flex;align-items:center;gap:12px;text-align:left}.month-list button:hover,.month-list button.selected{background:#fff6ef}.month-list button>span{flex:1;display:grid;gap:3px}.month-list button strong{color:#393b36;font-size:12px}.month-list button>strong{color:#d85712}.month-list button small{color:#85867f;font-size:10.5px}.deleted-teacher-list{border-top:1px solid #e5e1d8}.modal-deleted-teachers{max-height:min(440px,60vh);overflow-y:auto}.deleted-teacher-row{min-height:60px;padding:9px 4px;border-bottom:1px solid #ebe7df;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.deleted-teacher-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.deleted-teacher-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.deleted-teacher-row small{color:#85867f;font-size:10.5px}.student-workspace{padding:18px 24px 14px;min-height:0;flex:1;display:flex;flex-direction:column}.list-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filter-tabs{display:flex;border:1px solid #ddd9cf;border-radius:6px;overflow:hidden;background:#fff}.filter-tabs button{border:0;border-right:1px solid #e6e2d9;background:#fff;color:#666861;padding:9px 12px;font-size:12px;white-space:nowrap}.filter-tabs button:last-child{border-right:0}.filter-tabs button.selected{color:#e24a1a;background:#fff6ef;box-shadow:inset 0 -2px #ee5a12;font-weight:650}.filter-tabs span{color:inherit;opacity:.75}.toolbar-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.search-field input{width:148px;height:38px;border:1px solid #ddd9cf;border-radius:6px;background:#fff;padding:0 11px;font-size:12px;outline:none}.primary-action,.secondary-action,.save-promise{min-height:38px;border-radius:6px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:650}.primary-action{border:1px solid #eb5a14;color:#fff;background:#eb5a14}.secondary-action{border:1px solid #eb5a14;color:#dc4d0b;background:#fff}.primary-action:disabled,.secondary-action:disabled{opacity:.45;cursor:not-allowed}.student-table-wrap{border-top:1px solid #e5e1d8;border-bottom:1px solid #e5e1d8;overflow:auto;flex:1;min-height:220px}.student-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}.student-table th{height:54px;color:#6f706a;font-size:11px;font-weight:600;text-align:left;white-space:nowrap;border-bottom:1px solid #e5e1d8}.table-sort-button{height:40px;margin:0;padding:0 8px 0 0;border:0;background:transparent;color:#6f706a;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.searchable-table-heading{display:flex;align-items:center;gap:8px}.searchable-table-heading label{width:112px}.searchable-table-heading input{width:100%;height:30px;padding:0 8px;border:1px solid #ddd9cf;border-radius:5px;background:#fff;color:#343631;font:inherit;font-size:10.5px;outline:0}.searchable-table-heading input:focus{border-color:#d94f09;box-shadow:0 0 0 2px #d94f0914}.mobile-table-search{display:none}.table-sort-button:hover,.table-sort-button.selected{color:#d94f09}.table-sort-button svg,.mobile-sort-controls svg{transition:transform .15s ease}.table-sort-button svg.descending,.mobile-sort-controls svg.descending{transform:rotate(180deg)}.mobile-sort-controls{display:none}.student-table thead{position:sticky;top:0;z-index:2;background:#fbfaf7}.student-table td{height:54px;padding:8px 10px;border-bottom:1px solid #eeeae2;white-space:nowrap;color:#60625c}.student-table tbody tr{cursor:pointer;transition:background .15s ease}.student-table tbody tr:hover,.student-table tbody tr.focused{background:#fff6ef}.student-table tbody tr:last-child td{border-bottom:0}.student-table td:nth-child(2){color:#2e302b}.student-table td strong{font-weight:600}.student-name-button{max-width:100%;border:0;background:transparent;padding:0;color:#2e302b;display:inline-flex;align-items:center;gap:0;text-align:left}.student-name-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-name-copy{min-width:0;display:grid;gap:2px}.student-name-copy small{color:#85867f;font-size:9.5px}.student-name-button>svg{margin-left:6px;color:#aaa9a2;opacity:0;transition:opacity .15s ease,transform .15s ease}.student-table tr:hover .student-name-button>svg,.student-name-button:focus-visible>svg{opacity:1;transform:translate(2px)}.check-cell{width:34px;padding-left:8px!important}.check-cell input{width:16px;height:16px;accent-color:#eb5a14}.avatar{width:30px;height:30px;border-radius:50%;margin-right:9px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;vertical-align:middle}.avatar-open{color:#c52d28;background:#fde5e3}.avatar-deels{color:#a86509;background:#fff0cc}.avatar-betaald{color:#377c31;background:#e2f0df}.status-label{display:inline-flex;align-items:center;gap:6px}.status-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-label.open{color:#d9362e}.status-label.deels{color:#d17b0a}.status-label.betaald{color:#3f8b39}.table-footer{color:#777871;font-size:11px;padding-top:12px}.empty-state{padding:36px;text-align:center;color:#8c8c85}.detail-panel{position:sticky;top:0;height:100vh;overflow-y:auto;background:#fff;border-left:1px solid #e9e5dc;padding:26px 20px 20px}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.detail-heading h2{font-size:21px}.detail-heading button{border:0;background:transparent;color:#777871;padding:4px}.student-meta,.money-summary{margin:0}.student-meta>div,.money-summary>div{display:grid;grid-template-columns:95px 1fr;gap:10px;margin-bottom:12px}.student-meta dt,.money-summary dt{color:#7d7e77;font-size:11.5px}.student-meta dd,.money-summary dd{margin:0;font-size:12px;color:#444640;text-align:right;overflow-wrap:anywhere}.student-meta dd>strong{font-size:12px;font-weight:700}.student-meta .phone-links{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.student-meta .phone-links a{color:#d95612;font-weight:700;text-decoration:none;line-height:1.35}.student-meta .phone-links a:focus-visible{outline:2px solid #f36a21;outline-offset:2px;border-radius:2px}.student-meta select{max-width:112px;height:30px;border:1px solid #ddd9cf;border-radius:5px;background:#fff;color:#3c3f39;font-size:11px}.detail-section{border-top:1px solid #e9e5dc;padding-top:18px;margin-top:18px}.detail-section h3{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0;font-size:15px;margin:0 0 14px}.money-summary .total{border-top:1px solid #ede9e1;padding-top:12px;font-weight:650}.detail-section label{display:block;color:#777871;font-size:11px;margin-bottom:10px}.detail-section input,.detail-section textarea{width:100%;border:1px solid #dedad1;border-radius:6px;background:#fff;padding:10px;margin-top:6px;color:#373934;outline:none;resize:vertical;font-size:12px}.save-promise{width:100%;border:1px solid #ddd9cf;background:#faf9f6;color:#555750}.history-row{display:grid;grid-template-columns:82px 1fr;gap:8px;color:#777871;font-size:11px;margin-bottom:10px}.muted{color:#8a8b84;font-size:11.5px}.detail-actions{border-top:1px solid #e9e5dc;margin-top:20px;padding-top:18px;display:grid;gap:9px}.detail-actions button{width:100%}@media(max-width:1180px){.payment-shell{grid-template-columns:72px minmax(650px,1fr) 290px}.payment-shell:not(:has(.detail-panel)){grid-template-columns:72px minmax(650px,1fr)}.sidebar-logo{width:48px;object-position:left;margin-left:0}.nav-item{justify-content:center;font-size:0;padding:0}.nav-item svg{width:20px;height:20px}}@media(max-width:900px){.payment-shell{display:block;height:auto;min-height:100vh;overflow:visible}.app-sidebar{position:relative;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid #e9e5dc;flex-direction:row;align-items:center;overflow-x:auto}.sidebar-logo{width:72px;height:34px;margin:0 12px 0 0;flex:0 0 auto}.sidebar-nav{flex-direction:row}.nav-item{width:42px;min-width:42px;height:38px;min-height:38px}.sidebar-bottom{margin:0 0 0 auto}.detail-panel{display:none;position:fixed;inset:0 0 0 auto;width:min(360px,92vw);z-index:20;box-shadow:-16px 0 40px #28241c1f}.detail-panel.mobile-open{display:block}.payment-main{height:calc(100vh - 59px)}}@media(max-width:680px){input,select,textarea{font-size:16px!important}body{background:#fbfaf7}.payment-shell{min-height:100dvh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-sidebar{position:fixed;inset:auto 0 0;z-index:40;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid #dedad1;border-bottom:0;background:#fffefafa;overflow:hidden;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.app-sidebar::-webkit-scrollbar{display:none}.sidebar-logo{display:none}.sidebar-nav{display:contents}.sidebar-bottom{width:100%;min-width:0;margin:0;display:flex}.nav-item{width:100%;min-width:0;height:56px;min-height:56px;padding:5px 2px;border-radius:5px;flex-direction:column;justify-content:center;gap:3px;font-size:9.5px;line-height:1;text-align:center}.nav-item svg{width:19px;height:19px}.nav-item.active{box-shadow:inset 0 3px #ed5b0b}.payment-main{height:calc(100dvh - 68px - env(safe-area-inset-bottom));min-height:0;overflow:hidden}.payment-header,.status-overview,.student-workspace,.overview-content,.teacher-workspace{padding-left:14px;padding-right:14px}.payment-header{min-height:70px;padding-top:14px;padding-bottom:13px}.payment-header h1{font-size:25px}.payment-header p{max-width:290px;line-height:1.35}.header-meta{margin-left:10px}.sync-indicator{font-size:9.5px}.header-logo-status{width:62px;height:32px}.header-logo-status{display:inline-flex}.header-logo-status img{width:58px;height:28px}.status-overview{padding-top:14px;padding-bottom:13px}.section-heading{margin-bottom:10px}.overview-content,.teacher-workspace{padding-top:16px;padding-bottom:22px}.overview-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.overview-metric{padding:13px 10px;border-right:1px solid #e9e5dc;border-bottom:0}.overview-metric:last-child{border-right:0}.overview-metric strong{font-size:18px;overflow-wrap:anywhere}.overview-metric>span,.overview-metric small{font-size:9.5px;line-height:1.3}.overview-columns{gap:24px;margin-top:22px}.overview-class-section{margin-top:20px}.class-group-tabs{position:sticky;top:-16px;z-index:5;margin-inline:-14px;padding:10px 14px;background:#fbfaf7;border-bottom:1px solid #ebe7df}.class-progress-list{grid-template-columns:1fr}.class-progress-group.expanded{grid-column:auto}.class-progress-group.expanded .class-progress-row{top:47px;min-height:68px;padding:11px 12px}.class-progress-group.expanded .class-progress-copy strong{font-size:14px}.class-progress-row{min-height:58px;padding:12px 4px}.teacher-toolbar{align-items:stretch;flex-wrap:wrap}.teacher-toolbar>label{width:100%}.teacher-toolbar select{flex:1;min-width:0}.teacher-toolbar>.primary-action{margin-left:0}.teacher-toolbar>.primary-action,.teacher-toolbar>.secondary-action{flex:1}.teacher-rate{margin-left:0;flex:1;align-self:center}.teacher-table-head{display:none}.teacher-row{margin-bottom:10px;padding:13px 12px;border:1px solid #e5e1d8;border-radius:8px;background:#fff;grid-template-columns:34px minmax(0,1fr) auto 32px;gap:10px}.teacher-rate-saved,.teacher-rate-editor{grid-column:1 / 3;grid-row:2;border-left:0;border-top:1px solid #ebe7df;padding:10px 0 0}.teacher-rate-editor{grid-template-columns:auto minmax(92px,1fr)}.teacher-hours-cell{grid-column:1 / 3;grid-row:3}.teacher-amount{grid-column:3 / 5;grid-row:2 / 4;align-self:center;text-align:right}.teacher-amount span{display:block}.teacher-row>.icon-action{grid-column:4;grid-row:1}.teacher-section-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.teacher-section-tabs button{padding:8px 5px;justify-content:center;font-size:11.5px}.teacher-finance-summary{grid-template-columns:1fr}.teacher-finance-card,.teacher-finance-card.school-year{grid-template-columns:auto 1fr}.teacher-finance-total,.teacher-finance-peak{grid-column:1 / -1;padding:12px 0 0;border-left:0;border-top:1px solid #e5e1d8}.teacher-finance-total>strong{font-size:25px}.teacher-chart-section{margin-bottom:24px;padding:14px 10px}.teacher-chart-heading{padding:0 4px}.teacher-chart-heading>span{display:none}.teacher-chart{grid-template-columns:1fr}.teacher-chart-bar{grid-template-columns:92px minmax(64px,1fr) 72px}.deleted-teacher-row{grid-template-columns:34px minmax(0,1fr)}.deleted-teacher-row .secondary-action{grid-column:2;width:100%}.class-progress-heading{align-items:center}.class-progress-heading>div{display:grid;gap:2px}.class-student-actions{align-items:stretch;flex-direction:column}.class-student-actions>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.class-student-actions .secondary-action{width:100%}.deleted-workspace{overflow:hidden}.deleted-student-toolbar{flex:0 0 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px}.deleted-student-toolbar label,.deleted-student-toolbar>span{min-height:32px}.deleted-student-toolbar>span{margin-right:0;justify-self:end}.deleted-student-toolbar button{position:static;grid-column:1 / -1;width:100%;justify-content:center;transform:none}.deleted-workspace .deleted-inline-list{flex:1 1 auto;min-height:0;overflow-y:auto}.teacher-person-overview{padding:13px 10px}.teacher-color-chart-total strong{font-size:19px}.teacher-spend-chart{padding:7px 8px 9px;grid-template-columns:1fr}.teacher-spend-row{min-height:44px;grid-template-columns:minmax(86px,.9fr) minmax(60px,1.25fr) 72px;gap:7px}.teacher-spend-chart.is-dense .teacher-spend-row{min-height:34px;padding-block:4px}.teacher-spend-chart.is-dense .teacher-spend-name strong,.teacher-spend-chart.is-dense .teacher-spend-value strong{font-size:10.5px}.teacher-color-chart-scroll{padding:12px 5px 8px}.teacher-color-bars{height:min(242px,31dvh);padding-inline:2px;gap:3px}.teacher-color-bars button{grid-template-rows:24px 1fr 44px;gap:4px}.teacher-color-bars button>strong{font-size:8.5px}.teacher-color-bars button>span:last-child{font-size:8.5px;overflow-wrap:anywhere}.teacher-color-column>span{width:78%}.teacher-person-row{grid-template-columns:34px minmax(0,1fr) 20px;gap:9px}.teacher-person-row>span:not(.teacher-avatar):not(.teacher-person-name){grid-column:2;padding-top:6px;border-top:1px solid #eeeae2}.teacher-person-row>svg{grid-column:3;grid-row:1}.class-student-row{min-height:62px;padding:12px 10px;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;column-gap:10px;row-gap:7px}.class-student-row.student-open{grid-template-rows:auto auto}.class-student-row .avatar{grid-column:1;grid-row:1;align-self:center}.class-student-name{grid-column:2;grid-row:1}.class-student-row>strong{grid-column:3;grid-row:1;min-width:58px;justify-self:end;padding:2px 0 2px 7px;font-size:12px;text-align:right}.class-student-row .register-payment,.class-student-row .secondary-action{grid-column:1 / -1;grid-row:2;width:100%;margin-top:3px}.deleted-inline-row{grid-template-columns:20px 30px minmax(0,1fr);padding:11px 10px}.deleted-inline-row .secondary-action{grid-column:3;width:100%}.header-date{display:none}.status-legend strong{font-size:17px}.toolbar-actions{width:100%;flex-wrap:wrap}.search-field,.search-field input{width:100%}.filter-tabs{width:100%;overflow-x:auto}.filter-tabs button{flex:1 0 auto}.mobile-sort-controls{width:100%;display:flex;align-items:center;gap:6px}.mobile-sort-controls>span{margin-right:2px;color:#85867f;font-size:10.5px}.mobile-sort-controls button{min-height:34px;padding:0 10px;border:1px solid #ddd9cf;border-radius:6px;background:#fff;color:#62645e;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.mobile-sort-controls button.selected{border-color:#eb5a14;background:#fff1e7;color:#d94f09}.mobile-table-search{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-table-search .search-field{width:100%}.student-table-wrap{overflow-x:hidden}.student-table{min-width:0;width:100%;display:block}.student-table thead{display:none}.student-table tbody{display:block}.student-table tbody tr{min-height:88px;padding:11px 2px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"check student amount" "check class status" "check mailcount mailcount";align-items:center;column-gap:8px;row-gap:4px;border-bottom:1px solid #eeeae2}.student-table td{height:auto;padding:0;border:0;overflow:hidden}.student-table td:nth-child(1){grid-area:check;width:44px;align-self:stretch;display:flex;align-items:center;justify-content:center}.student-table td:nth-child(1) input{width:22px;height:22px;margin:0}.student-table td:nth-child(2){grid-area:student;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-name-button{width:100%}.student-name-button>svg{opacity:1;margin-left:auto;flex:0 0 auto}.student-table td:nth-child(3){grid-area:class;color:#85867f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-table td:nth-child(4),.student-table td:nth-child(5),.student-table td:nth-child(8){display:none}.student-table td:nth-child(6){grid-area:amount;font-size:13px;font-weight:700;text-align:right}.student-table td:nth-child(7){grid-area:status;font-size:11px;text-align:right}.student-table td:nth-child(9){grid-area:mailcount;color:#85867f;font-size:10.5px}.student-table td:nth-child(9):before{content:"Herinneringsmails: "}.student-table td:nth-child(10){grid-area:action;align-self:stretch}.student-table tbody tr{position:relative;overflow:hidden;transition:padding-right .22s ease}.student-table tbody tr.swipe-open{padding-right:140px}.student-table td.swipe-table-actions{position:absolute;z-index:3;top:0;right:0;bottom:0;width:136px;display:none;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.student-table tr.swipe-open td.swipe-table-actions{display:grid}.avatar{width:32px;height:32px;margin-right:8px}.status-label{justify-content:flex-end}.table-footer{padding-bottom:4px}.detail-panel{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;padding:22px 18px calc(24px + env(safe-area-inset-bottom));z-index:50;box-shadow:none}}@media(max-width:420px){.payment-header h1{font-size:23px}.status-overview{padding-top:16px}.status-legend strong{font-size:16px}.status-legend span{font-size:12px}.status-legend small{font-size:10px}.primary-action,.secondary-action{flex:1;padding-inline:9px}.overview-metric{padding-inline:8px}.overview-metric strong{font-size:16px}.overview-metric small{display:none}.teacher-row{padding-block:12px}}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}.payment-login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#faf9f6;color:#142236;font-family:Roboto,Arial,sans-serif}.payment-login form,.payment-login section{width:min(100%,390px);display:flex;flex-direction:column;align-items:stretch;padding:32px 28px;border:1px solid #e5e1d8;border-radius:8px;background:#fff;box-shadow:0 16px 50px #14223614}.payment-login img{width:132px;height:auto;align-self:center;margin-bottom:22px}.payment-login h1{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:32px;text-align:center}.payment-login p{margin:0 0 24px;color:#71756f;text-align:center}.payment-login label{display:grid;gap:7px;margin-bottom:16px;font-size:14px;font-weight:700}.payment-login input{min-height:48px;padding:10px 12px;border:1px solid #d9d7d0;border-radius:6px;font:inherit;font-weight:400}.payment-login input:focus{outline:3px solid rgba(235,90,20,.18);border-color:#eb5a14}.payment-login button{min-height:48px;border:0;border-radius:6px;background:#eb5a14;color:#fff;font:700 16px Roboto,Arial,sans-serif}.payment-login button:disabled{opacity:.6}.payment-login .payment-login-error{margin:-4px 0 14px;padding:10px;border-left:4px solid #c83232;background:#fff1f1;color:#9c2020;text-align:left;font-size:14px}.payment-login section p{margin:0}@media(max-width:680px){.swipe-row.swipe-open .swipe-row-content{transform:translate(-136px)}.swipe-row-actions{display:grid}.teacher-list>.swipe-row{margin-bottom:10px;border:1px solid #e5e1d8;border-radius:8px}.teacher-list>.swipe-row .teacher-row{margin:0;border:0;border-radius:0}.teacher-person-list>.swipe-row{border-bottom:1px solid #eeeae2}.teacher-person-list>.swipe-row .teacher-person-row{border-bottom:0}}