:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:14px;padding:.75rem 1rem;font-weight:700}button:disabled{opacity:.65;cursor:wait}input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:.8rem 1rem}label{color:#334155;gap:.4rem;font-size:.9rem;display:grid}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#ccfbf1;background:#042f2e;flex-direction:column;gap:1.25rem;height:100vh;padding:1.25rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;display:flex}.brand.center{justify-content:center}.brand strong{color:#fff;display:block}.brand small{color:#99f6e4;display:block}.brand-mark{color:#fff;background:#0f766e;border-radius:16px;place-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:900;display:grid}.active-period-box{background:#fef3c71f;border:1px solid #f59e0b59;border-radius:18px;margin:.75rem 0 1rem;padding:.85rem}.period-label{color:#fde68a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.55rem;font-size:.72rem;font-weight:800;display:block}.period-badges{gap:.45rem;display:grid}.period-badge{color:#422006;background:#facc15;border-radius:999px;width:fit-content;max-width:100%;padding:.35rem .55rem;font-size:.78rem;font-weight:800;line-height:1.25;display:inline-flex;box-shadow:0 6px 14px #facc152e}.sidebar nav{gap:.25rem;display:grid}.sidebar nav a,.ghost{color:#ccfbf1;text-align:left;background:0 0;border-radius:14px;padding:.75rem .9rem}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#f0fdfa1f}.ghost{border:1px solid #ccfbf133;margin-top:auto}.content{padding:2rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.page-header p{color:#64748b;margin:.5rem 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:800;color:#0f766e!important}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat,.module-card,.panel,.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 45px #0f172a0f}.stat{padding:1.25rem}.stat span{color:#64748b;display:block}.stat strong{font-size:2rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.module-card{padding:1.25rem;transition:transform .15s,box-shadow .15s}.module-card:hover{transform:translateY(-3px);box-shadow:0 25px 60px #0f172a1a}.module-card h2{margin:0}.module-card p{color:#64748b;min-height:3rem}.module-card ul{color:#334155;padding-left:1.2rem}.feature-list{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.feature-list span{color:#134e4a;background:#ccfbf1;border-radius:999px;padding:.45rem .7rem;font-size:.9rem;font-weight:700}.panel{padding:1.25rem}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-header h2{margin:0}.panel-header p{color:#64748b;margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:.8rem;font-size:.9rem}th{color:#334155;background:#f8fafc}.empty{color:#64748b;text-align:center;background:#f8fafc;border-radius:18px;padding:2rem}.alert{color:#991b1b;background:#fee2e2;border-radius:14px;padding:.85rem 1rem}.login-page{background:radial-gradient(circle at top,#ccfbf1,#f8fafc 45%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{gap:1rem;width:min(430px,100%);padding:2rem;display:grid}.login-card h1{margin:.5rem 0 0;font-size:2.25rem}.login-card p{color:#64748b;margin:0}code{background:#f1f5f9;border-radius:.4rem;padding:.2rem .4rem}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.card-grid,.stats-grid{grid-template-columns:1fr}.page-header,.panel-header{flex-direction:column;align-items:stretch}}textarea,select,pre{width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:.8rem 1rem}textarea{resize:vertical;min-height:110px}pre{color:#e2e8f0;background:#0f172a;overflow-x:auto}.form-panel{margin-bottom:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.form-grid .full,.full{grid-column:1/-1}.form-actions{align-items:end;gap:.75rem;display:flex}.search-inline{align-items:center;gap:.75rem;display:flex}.search-inline input{min-width:260px}.button-link{color:#fff;background:#0f766e;border-radius:14px;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:800;display:inline-flex}.secondary{color:#0f172a;background:#e2e8f0}.danger{color:#fff;background:#dc2626}.tiny{border-radius:10px;padding:.45rem .65rem;font-size:.82rem}.actions{white-space:nowrap;gap:.4rem;display:flex}.success{color:#166534;background:#dcfce7;border-radius:14px;margin-bottom:1rem;padding:.85rem 1rem}.alert{margin-bottom:1rem}.checkbox-row{align-items:center;gap:.5rem;padding:.8rem 0;display:inline-flex}.link-hint{color:#0f766e;font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.scan-panel{max-width:900px}.scan-input{padding:1rem 1.1rem;font-size:1.25rem}@media (width<=720px){.form-grid{grid-template-columns:1fr}.search-inline{flex-direction:column;align-items:stretch}.search-inline input{min-width:0}}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.secondary-link{color:#0f172a;background:#e2e8f0}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;width:min(980px,100%);max-height:min(86vh,860px);padding:1.25rem;overflow:auto;box-shadow:0 30px 90px #0f172a47}.modal-card-sm{width:min(760px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h2{margin:0}.modal-header p{color:#64748b;margin:.35rem 0 0}.icon-button{color:#0f172a;background:#e2e8f0;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;font-size:1.6rem;line-height:1;display:grid}.modal-form{margin-top:0}.modal-actions{background:linear-gradient(#ffffffe0,#fff 45%);border-top:1px solid #e2e8f0;margin:.75rem -1.25rem -1.25rem;padding:1rem 1.25rem;position:sticky;bottom:-1.25rem}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:1rem}.detail-grid span{color:#64748b;margin-bottom:.35rem;font-size:.85rem;display:block}.detail-grid strong{color:#0f172a;word-break:break-word;display:block}@media (width<=720px){.header-actions{justify-content:stretch}.header-actions>*{width:100%}.modal-card{max-height:92vh;padding:1rem}.modal-actions{margin:.75rem -1rem -1rem;padding:1rem;bottom:-1rem}.detail-grid{grid-template-columns:1fr}}.cashier-search{margin-top:1rem}.student-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.student-result-card{text-align:left;color:#0f172a;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;gap:.35rem;display:grid}.student-result-card:hover{background:#ccfbf1;border-color:#5eead4}.student-result-card span,.student-result-card small{color:#64748b}.payment-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:1.25rem;display:grid}.payment-main{gap:1.25rem;display:grid}.student-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.student-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:.25rem;padding:1rem;display:grid}.student-summary span,.student-summary small{color:#64748b}.student-summary strong{font-size:1.15rem}.billing-toolbar{align-items:flex-start}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.billing-groups{gap:.85rem;margin-top:1rem;display:grid}.billing-group{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0f172a0a}.billing-group.open{border-color:#99f6e4;box-shadow:0 18px 36px #0d948814}.billing-group-header{cursor:pointer;background:linear-gradient(135deg,#f8fafc,#fff);grid-template-columns:minmax(220px,1fr) minmax(330px,auto) auto;align-items:center;gap:1rem;padding:.9rem 1rem;list-style:none;display:grid}.billing-group-header::-webkit-details-marker{display:none}.billing-group-header::marker{content:""}.billing-group-header:hover{background:linear-gradient(135deg,#ecfeff,#fff)}.billing-toggle{color:#0f172a;text-align:left;box-shadow:none;background:0 0;border:0;align-items:center;gap:.75rem;min-width:0;padding:0;display:flex}.billing-toggle:hover{color:#0f766e;background:0 0;transform:none}.billing-toggle span:last-child{gap:.18rem;min-width:0;display:grid}.billing-toggle strong{font-size:1.05rem}.billing-toggle small{color:#64748b;font-weight:500}.chevron{color:#0f766e;background:#ccfbf1;border-radius:12px;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid}.billing-group-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.billing-group-summary span{white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:.15rem;padding:.65rem .75rem;display:grid}.billing-group-summary small{color:#64748b;font-size:.72rem}.billing-group-summary strong{font-size:.88rem}.billing-group-summary .highlight{color:#ccfbf1;background:#042f2e;border-color:#042f2e}.billing-group-summary .highlight small,.billing-group-summary .highlight strong{color:inherit}.tagihan-list{background:#f8fafc;border-top:1px solid #e2e8f0;gap:.75rem;padding:1rem;display:grid}.tagihan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(0,1fr) 150px 210px;align-items:center;gap:1rem;padding:1rem;display:grid}.tagihan-card.paid-card{opacity:.72;background:#f8fafc}.tagihan-info{gap:.25rem;display:grid}.tagihan-info span,.tagihan-info small{color:#64748b}.tagihan-status{justify-items:start;gap:.35rem;display:grid}.status-pill{color:#075985;text-transform:uppercase;background:#e0f2fe;border-radius:999px;width:max-content;padding:.28rem .6rem;font-size:.78rem;font-weight:800;display:inline-flex}.tagihan-action{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.payment-cart{gap:1rem;display:grid;position:sticky;top:1.25rem}.cart-list{gap:.75rem;display:grid}.cart-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:minmax(0,1fr) 125px auto;align-items:center;gap:.65rem;padding:.85rem;display:grid}.cart-item div{gap:.2rem;display:grid}.cart-item span,.cart-item small{color:#64748b}.cart-total{color:#ccfbf1;background:#042f2e;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.cart-total strong{color:#fff;font-size:1.35rem}.checkout-form{gap:.85rem;display:grid}.checkout-form textarea{min-height:82px}.receipt-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.receipt-actions h2{margin:0}.receipt-actions p{color:#64748b;margin:.25rem 0 0}.receipt-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:24px;max-width:860px;margin:1.25rem auto 0;padding:2rem;box-shadow:0 20px 45px #0f172a0f}.receipt-header,.receipt-student,.receipt-signatures{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.receipt-header h2{margin:.25rem 0;font-size:2rem}.receipt-header p{margin:.25rem 0}.receipt-meta{text-align:right;gap:.25rem;display:grid}.receipt-meta span,.receipt-student span,.receipt-signatures span{color:#64748b;font-size:.85rem}.receipt-student{background:#f8fafc;border-radius:18px;margin:1.5rem 0;padding:1rem}.receipt-student div,.receipt-signatures div{gap:.25rem;display:grid}.receipt-table th,.receipt-table td{font-size:.95rem}.receipt-table tfoot th{background:#f8fafc}.receipt-note{color:#334155;margin-top:1rem}.receipt-signatures{text-align:center;margin-top:3rem}.receipt-signatures div{border-top:1px solid #cbd5e1;min-width:180px;padding-top:3rem}@media (width<=1180px){.payment-layout{grid-template-columns:1fr}.payment-cart{position:static}.billing-group-header{grid-template-columns:1fr}.billing-group-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions{justify-content:flex-start}}@media (width<=840px){.student-result-grid,.student-summary,.billing-group-summary,.tagihan-card,.tagihan-action,.cart-item{grid-template-columns:1fr}.receipt-header,.receipt-student,.receipt-signatures{flex-direction:column}.receipt-meta{text-align:left}}@media print{.no-print,.sidebar{display:none!important}.app-shell{display:block!important}.content{padding:0!important}body{background:#fff!important}.print-area{max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important}.receipt-card{page-break-inside:avoid}}.danger-zone{background:linear-gradient(#fff,#fff7f7);border-color:#fecaca}.dev-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.dev-summary>div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:.25rem;padding:1rem;display:grid}.dev-summary span{color:#64748b}.dev-summary strong{color:#0f172a;font-size:1.4rem}.dev-actions{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.confirm-box{max-width:420px;margin-top:.75rem}.due-rule-box{color:#0f172a;background:#f0f9ff;border:1px solid #bae6fd;border-radius:18px;padding:1rem}.due-rule-box ul{color:#334155;margin:.5rem 0 0;padding-left:1.25rem}@media (width<=760px){.dev-summary{grid-template-columns:1fr}.dev-actions{flex-direction:column;align-items:stretch}}.table-wrap input[type=checkbox]{width:auto}.finance-flow-panel{margin-bottom:1.25rem}.finance-quick-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.finance-section{margin-top:1.5rem}.section-title{margin-bottom:.85rem}.section-title h2{margin:0}.section-title p{color:#64748b;margin:.25rem 0 0}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-card{min-height:190px;position:relative}.step-badge{color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:1rem;right:1rem}.sidebar nav a.dev-nav{color:#fee2e2;background:#dc262629;border:1px solid #fecaca52;margin-top:.75rem}.sidebar nav a.dev-nav:hover,.sidebar nav a.dev-nav.active{color:#fff;background:#dc262647}.dev-card{background:linear-gradient(#fff,#fff7f7);border-color:#fecaca}.danger-link{color:#fff;background:#dc2626}@media (width<=960px){.compact-grid{grid-template-columns:1fr}.finance-quick-actions{flex-direction:column;align-items:stretch}}.payment-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.payment-system-card{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.25rem;position:relative;box-shadow:0 14px 35px #0f172a0f}.payment-system-card:hover,.payment-system-card.active{background:#f0fdfa;border-color:#0f766e}.payment-system-card strong{margin-bottom:.35rem;font-size:1.25rem;display:block}.payment-system-card p{color:#475569;margin:0 0 .75rem}.payment-system-card ul{color:#334155;margin:0;padding-left:1.25rem}.system-radio{color:#0f766e;font-size:1.25rem;position:absolute;top:1rem;right:1rem}.priority-info-panel{color:#78350f;background:#fffbeb;border-color:#fde68a}.priority-info-panel p{color:#92400e;margin:.35rem 0 0}.priority-pay-input{gap:.4rem;margin-bottom:1rem;display:grid}.priority-pay-input small{color:#64748b}.priority-preview-list .cart-item{align-items:center}@media (width<=760px){.payment-system-grid{grid-template-columns:1fr}}.receipt-branding{border-bottom:2px dashed #cbd5e1;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem;padding-bottom:1rem;display:grid}.receipt-brand-copy p{color:#475569;margin:.25rem 0}.receipt-doc-title{color:#0f766e;letter-spacing:.08em;background:#ecfeff;border-radius:999px;align-self:start;margin-bottom:.75rem;padding:.35rem .7rem;font-size:.8rem;font-weight:800;display:inline-flex}.receipt-doc-meta{gap:.75rem;display:grid}.receipt-doc-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;gap:.2rem;padding:.85rem 1rem;display:grid}.receipt-doc-box span,.receipt-party-card span,.receipt-amount-box span,.receipt-verify-box small{color:#64748b;font-size:.82rem}.receipt-party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0;display:grid}.receipt-party-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:.25rem;padding:1rem;display:grid}.receipt-amount-box{color:#fff;background:linear-gradient(135deg,#042f2e,#0f766e);border-radius:18px;gap:.35rem;margin-bottom:1rem;padding:1rem 1.1rem;display:grid}.receipt-amount-box small{color:#ccfbf1;text-transform:capitalize}.receipt-note-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:1rem;padding:.9rem 1rem}.receipt-note-box p{margin:.4rem 0 0}.receipt-footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:1.25rem;margin-top:1.25rem;display:grid}.receipt-verify-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:18px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.receipt-verify-box p{color:#334155;margin:.35rem 0}.receipt-qr{object-fit:contain;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:128px;height:128px;padding:.35rem}.receipt-signature-box{gap:1rem;display:grid}.signature-line{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-content:end;justify-items:center;gap:.25rem;min-height:150px;padding:1rem;display:grid}.verify-shell{background:linear-gradient(#f8fafc,#eef2ff);min-height:100vh;padding:2rem 1rem}.verify-card{gap:1rem;max-width:980px;margin:0 auto;display:grid}.verify-banner{border:1px solid #0000;border-radius:18px;gap:.35rem;padding:1rem 1.2rem;display:grid}.verify-valid{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.verify-invalid{color:#991b1b;background:#fef2f2;border-color:#fecaca}.verify-note{color:#475569;margin-top:1rem}@media (width<=840px){.receipt-branding,.receipt-party-grid,.receipt-footer-grid,.receipt-verify-box{grid-template-columns:1fr}.receipt-qr{width:160px;height:160px}}@media print{.receipt-actions{display:none!important}.receipt-branding,.receipt-party-grid,.receipt-footer-grid{break-inside:avoid}}.text-right{text-align:right}.receipt-minimal{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;max-width:820px;margin:1.25rem auto 0;padding:28px;font-size:13px;box-shadow:0 14px 40px #0f172a14}.invoice-top{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:18px;display:grid}.invoice-top h2{margin:0 0 4px;font-size:22px;line-height:1.2}.invoice-top p{color:#4b5563;margin:2px 0;line-height:1.35}.invoice-title-box{text-align:center;border:1px solid #111827;gap:6px;padding:12px;display:grid}.invoice-title-box strong{letter-spacing:.12em;font-size:22px}.invoice-title-box span{word-break:break-word;font-size:12px;font-weight:700}.invoice-line{border-top:2px solid #111827;margin:14px 0}.invoice-info-grid{border:1px solid #d1d5db;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;display:grid}.invoice-info-grid>div{border-right:1px solid #d1d5db;gap:2px;padding:9px 10px;display:grid}.invoice-info-grid>div:last-child{border-right:0}.invoice-info-grid span,.invoice-student-box span,.invoice-terbilang span,.invoice-signatures span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.invoice-info-grid strong,.invoice-student-box strong{font-size:13px}.invoice-student-box{background:#f9fafb;border:1px solid #e5e7eb;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:12px;padding:10px;display:grid}.invoice-student-box>div{gap:3px;display:grid}.invoice-table{border-collapse:collapse;width:100%;margin:8px 0 0}.invoice-table th,.invoice-table td{vertical-align:top;border:1px solid #d1d5db;padding:8px 9px}.invoice-table th{background:#f3f4f6;font-size:12px}.invoice-table tfoot th{background:#f9fafb;font-size:14px}.invoice-terbilang{text-transform:capitalize;border:1px solid #d1d5db;border-top:0;gap:3px;padding:9px;display:grid}.invoice-note{color:#374151;margin:10px 0 0}.invoice-bottom{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;margin-top:18px;display:grid}.invoice-qr-block{border:1px dashed #9ca3af;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:132px;padding:10px;display:grid}.invoice-qr{object-fit:contain;background:#fff;border:1px solid #e5e7eb;width:108px;height:108px;display:block}.invoice-qr-placeholder{color:#9ca3af;border:1px solid #e5e7eb;place-items:center;width:108px;height:108px;font-weight:700;display:grid}.invoice-qr-block p{color:#4b5563;margin:4px 0;line-height:1.35}.invoice-qr-block small{color:#6b7280;word-break:break-all;font-size:10px;display:block}.invoice-signatures{text-align:center;grid-template-columns:1fr 1fr;gap:12px;display:grid}.invoice-signatures>div{border:1px solid #e5e7eb;align-content:end;gap:44px;min-height:130px;padding:10px;display:grid}.invoice-signatures strong{border-top:1px solid #111827;padding-top:6px}@media (width<=840px){.invoice-top,.invoice-info-grid,.invoice-student-box,.invoice-bottom{grid-template-columns:1fr}.invoice-info-grid>div{border-bottom:1px solid #d1d5db;border-right:0}.invoice-info-grid>div:last-child{border-bottom:0}}@media print{@page{size:A4;margin:12mm}.receipt-minimal{max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:11.5px!important}.invoice-top{grid-template-columns:minmax(0,1fr) 190px!important}.invoice-top h2,.invoice-title-box strong{font-size:19px!important}.invoice-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.invoice-student-box{grid-template-columns:1.2fr 1fr 1fr!important}.invoice-bottom{grid-template-columns:minmax(0,1fr) 285px!important}.invoice-table th,.invoice-table td{padding:6px 7px!important}.invoice-qr{width:96px!important;height:96px!important}.invoice-qr-block{grid-template-columns:100px minmax(0,1fr)!important;min-height:112px!important}.invoice-signatures>div{min-height:110px!important}}.dispensasi-layout .payment-cart{align-self:start}.dispensasi-group-header{grid-template-columns:minmax(220px,1fr) minmax(360px,1.4fr) minmax(220px,.8fr)}.pos-discount-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.pos-discount-action input{min-width:0}.dispensasi-tagihan-card{grid-template-columns:minmax(0,1fr) 160px 280px}.dispensasi-cart-item{grid-template-columns:minmax(0,1fr) 125px auto}.dispensasi-total{color:#e0e7ff;background:#312e81}.dispensasi-total strong{color:#fff}@media (width<=1180px){.dispensasi-group-header{grid-template-columns:1fr}.pos-discount-action{grid-template-columns:1fr auto}}@media (width<=840px){.dispensasi-tagihan-card,.dispensasi-cart-item,.pos-discount-action{grid-template-columns:1fr}}.modal-wide{width:min(1120px,100%)}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.detail-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:.2rem;padding:.85rem;display:grid}.detail-grid span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.receipt-history-print{display:none}@media (width<=840px){.detail-grid{grid-template-columns:1fr}}@media print{.receipt-history-print{display:block!important}.modal-backdrop{display:none!important}}.payment-filter-bar{grid-template-columns:150px 150px minmax(180px,1fr) auto auto;align-items:end;gap:.75rem;max-width:none!important;display:grid!important}.payment-filter-bar label{gap:.25rem;margin:0;display:grid}.payment-filter-bar label span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.ghost-small{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem 1rem;font-weight:700}.payment-counter-wrap{gap:1rem;margin:1rem 0 1.25rem;display:grid}.payment-counter-total{color:#ccfbf1;background:linear-gradient(135deg,#042f2e,#0f766e);border-radius:18px;gap:.25rem;padding:1rem 1.1rem;display:grid}.payment-counter-total span{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.payment-counter-total strong{color:#fff;font-size:1.75rem;line-height:1.1}.payment-counter-total small{color:#ccfbf1}.payment-counter-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;display:grid}.payment-counter-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:.25rem;padding:1rem;display:grid;box-shadow:0 10px 24px #0f172a0a}.payment-counter-card span{color:#075985;letter-spacing:.04em;background:#e0f2fe;border-radius:999px;width:max-content;padding:.2rem .5rem;font-size:.72rem;font-weight:800}.payment-counter-card strong{color:#0f172a}.payment-counter-card b{color:#0f766e;font-size:1.25rem}.payment-counter-card small{color:#64748b}.payment-counter-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:1rem}@media (width<=980px){.payment-filter-bar{grid-template-columns:1fr 1fr}.payment-filter-bar>input{grid-column:1/-1}}@media (width<=620px){.payment-filter-bar{grid-template-columns:1fr}.payment-filter-bar>input{grid-column:auto}}.success-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0f766e;border:1px solid #0f766e;border-radius:12px;padding:.75rem 1rem;font-weight:800}.success-button:disabled{opacity:.65;cursor:not-allowed}@media (width>=1181px){.payment-filter-bar{grid-template-columns:150px 150px minmax(180px,1fr) auto auto auto}}.datatable-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.datatable-header h2{margin:0}.datatable-header p{color:#64748b;margin:.25rem 0 0}.datatable-toolbar{grid-template-columns:180px minmax(0,1fr);align-items:end;gap:1rem;margin:1rem 0;display:grid}.datatable-toolbar.compact{grid-template-columns:180px minmax(0,1fr);align-items:center}.datatable-toolbar label{margin:0}.datatable-toolbar label span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.datatable-search input{min-width:0}.datatable-info{color:#64748b;font-size:.9rem}.datatable-wrap table{margin-top:0}.datatable-footer{color:#64748b;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.9rem;display:flex}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.summary-strip>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:.2rem;padding:.85rem 1rem;display:grid}.summary-strip span{color:#64748b;font-size:.82rem}.summary-strip strong{color:#0f172a}@media (width<=840px){.datatable-header,.datatable-footer{flex-direction:column;align-items:stretch}.datatable-toolbar,.datatable-toolbar.compact,.summary-strip{grid-template-columns:1fr}.pagination-controls{justify-content:flex-start}}.rekap-filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:.85rem;display:grid}.rekap-filter-grid label{gap:.25rem;margin:0;display:grid}.rekap-filter-grid label span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.rekap-search{grid-column:span 2}.rekap-actions{flex-wrap:wrap;grid-column:span 2;align-items:center;gap:.6rem;display:flex}.rekap-counter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0;display:grid}.rekap-counter-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:.25rem;padding:1rem;display:grid;box-shadow:0 10px 24px #0f172a0a}.rekap-counter-card span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:800}.rekap-counter-card strong{color:#0f172a;font-size:1.4rem}.rekap-counter-card small{color:#64748b}.rekap-counter-card.primary{color:#ccfbf1;background:linear-gradient(135deg,#042f2e,#0f766e)}.rekap-counter-card.primary span,.rekap-counter-card.primary small{color:#ccfbf1}.rekap-counter-card.primary strong{color:#fff}.rekap-counter-card.danger-soft{background:#fff7ed;border-color:#fed7aa}.rekap-status-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;display:grid}.rekap-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:.25rem;padding:1rem;display:grid}.rekap-status-card span{color:#0f172a;font-weight:800}.rekap-status-card strong{color:#0f766e;font-size:1.25rem}.rekap-status-card small{color:#64748b}.compact-detail-table table{font-size:.9rem}.muted-note{color:#64748b;font-size:.9rem}@media (width<=1080px){.rekap-filter-grid,.rekap-counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rekap-search,.rekap-actions{grid-column:span 2}}@media (width<=640px){.rekap-filter-grid,.rekap-counter-grid{grid-template-columns:1fr}.rekap-search,.rekap-actions{grid-column:auto}}.import-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin:1rem 0;display:flex}.file-drop{cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1rem;font-weight:700;display:inline-flex}.file-drop input{display:none}.import-summary{color:#164e63;background:#ecfeff;border:1px solid #a5f3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 .75rem;padding:.9rem 1rem;display:flex}.import-preview-table,.import-result-table{max-height:340px;overflow:auto}.muted{color:#64748b}.student-card-preview-wrap{background:#f8fafc;border-radius:18px;justify-content:center;padding:1rem;display:flex}.student-id-card{color:#0f172a;background:#fff;border:1px solid #0f172a;border-radius:18px;width:520px;max-width:100%;min-height:310px;overflow:hidden;box-shadow:0 18px 40px #0f172a1f}.student-card-head{color:#fff;text-align:center;background:linear-gradient(135deg,#064e3b,#0f766e);gap:.2rem;padding:.9rem 1rem;display:grid}.student-card-head strong{letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem}.student-card-head small{color:#ccfbf1}.student-card-body{grid-template-columns:96px minmax(0,1fr) 128px;align-items:center;gap:.9rem;padding:1rem;display:grid}.student-photo-placeholder{color:#94a3b8;background:#f8fafc;border:1px dashed #94a3b8;border-radius:14px;place-items:center;height:126px;font-weight:800;display:grid}.student-card-info{gap:.2rem;display:grid}.student-card-info span{color:#0f766e;letter-spacing:.1em;font-size:.72rem;font-weight:900}.student-card-info h3{margin:.1rem 0 .35rem;font-size:1.35rem;line-height:1.1}.student-card-info p{color:#334155;margin:0;font-size:.9rem}.student-card-qr{text-align:center;justify-items:center;gap:.35rem;display:grid}.student-card-qr img{object-fit:contain;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:118px;height:118px;padding:.25rem}.student-card-qr small{overflow-wrap:anywhere;color:#475569;max-width:128px;font-size:.68rem}.student-card-foot{text-align:center;color:#475569;background:#f8fafc;border-top:1px solid #e2e8f0;padding:.65rem 1rem;font-size:.82rem}.student-card-print{display:none}@media (width<=720px){.student-card-body{text-align:center;grid-template-columns:1fr;justify-items:center}.student-photo-placeholder{width:120px}}@media print{.student-card-print{place-items:start center;padding-top:10mm!important;display:grid!important}.student-card-print .student-id-card{box-shadow:none!important}.print-student-card{border-radius:4mm;width:86mm;min-height:54mm}.print-student-card .student-card-head{padding:3mm}.print-student-card .student-card-head strong{font-size:10pt}.print-student-card .student-card-head small{font-size:7pt}.print-student-card .student-card-body{grid-template-columns:22mm 1fr 25mm;gap:3mm;padding:3mm}.print-student-card .student-photo-placeholder{border-radius:2mm;height:28mm;font-size:8pt}.print-student-card .student-card-info h3{font-size:11pt}.print-student-card .student-card-info p{font-size:7pt}.print-student-card .student-card-info span{font-size:6.5pt}.print-student-card .student-card-qr img{width:24mm;height:24mm}.print-student-card .student-card-qr small{font-size:5.5pt}.print-student-card .student-card-foot{padding:2mm;font-size:6.5pt}}.tiny.warning,.warning{color:#111827;background:#f59e0b;border-color:#f59e0b}.status-active{color:#166534!important;background:#dcfce7!important}.status-inactive{color:#991b1b!important;background:#fee2e2!important}.status-muted{color:#374151!important;background:#e5e7eb!important}.history-current-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0;padding:1rem;display:grid}.history-current-card div{gap:.25rem;display:grid}.history-current-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.timeline-list{gap:.75rem;display:grid}.timeline-item{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #0f766e;border-radius:14px;gap:.25rem;padding:.85rem 1rem;display:grid}.timeline-item span,.timeline-item small{color:#64748b}@media (width<=920px){.history-current-card,.history-grid{grid-template-columns:1fr}}.soft-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.single-column{grid-template-columns:1fr!important}.student-card-mini-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem;display:grid}.student-card-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:.25rem;padding:.85rem 1rem;display:grid}.student-card-mini span{color:#64748b;font-size:.85rem}.student-card-sheet-print{display:none}@media print{@page{size:A4 portrait;margin:7mm}.student-card-sheet-print{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.student-card-sheet-page{page-break-after:always;break-after:page;grid-template-rows:repeat(4,58mm);grid-template-columns:repeat(2,90mm);place-content:start center;gap:4mm;overflow:hidden;width:100%!important;display:grid!important}.student-card-sheet-page:last-child{page-break-after:auto;break-after:auto}.student-card-sheet-print .sheet-student-card{break-inside:avoid;page-break-inside:avoid;width:90mm!important;height:58mm!important;min-height:58mm!important;max-height:58mm!important;box-shadow:none!important;border-radius:3mm!important;overflow:hidden!important}.student-card-sheet-print .student-card-head{padding:2.2mm 3mm!important}.student-card-sheet-print .student-card-head strong{font-size:8.5pt!important}.student-card-sheet-print .student-card-head small{font-size:6pt!important}.student-card-sheet-print .student-card-body{grid-template-columns:19mm 1fr 23mm!important;gap:2.3mm!important;padding:2.5mm 3mm!important}.student-card-sheet-print .student-photo-placeholder{border-radius:2mm!important;height:25mm!important;font-size:7pt!important}.student-card-sheet-print .student-card-info h3{margin-bottom:.8mm!important;font-size:9.4pt!important;line-height:1.05!important}.student-card-sheet-print .student-card-info p{font-size:6.3pt!important;line-height:1.25!important}.student-card-sheet-print .student-card-info span{font-size:5.8pt!important}.student-card-sheet-print .student-card-qr img{width:22mm!important;height:22mm!important}.student-card-sheet-print .student-card-qr small{max-width:23mm!important;font-size:4.8pt!important}.student-card-sheet-print .student-card-foot{padding:1.4mm!important;font-size:5.8pt!important}}.student-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.student-summary-card{background:#fff;border:1px solid #dbe4ef;border-radius:18px;gap:.35rem;padding:1rem;display:grid;box-shadow:0 10px 25px #0f172a0a}.student-summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:800}.student-summary-card strong{color:#0f172a;font-size:2rem;line-height:1}.student-summary-card small{color:#64748b}.student-summary-card.warning-card{background:linear-gradient(#fff,#fffbeb);border-color:#fde68a}.rombel-badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;align-items:center;width:fit-content;padding:.28rem .6rem;font-size:.78rem;font-weight:800;display:inline-flex}.rombel-badge.no-rombel{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.cell-subtext{color:#64748b;margin-top:.25rem;font-size:.75rem;display:block}@media (width<=900px){.student-summary-cards{grid-template-columns:1fr}}.wide-modal{width:min(1120px,100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto}.placement-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:1rem;display:grid}.placement-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:1rem;padding:1rem;display:grid}.highlighted-panel{background:linear-gradient(#fff,#f8fafc);border-color:#bae6fd}.placement-panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.placement-panel-head h3{margin:0}.placement-panel-head p{color:#64748b;margin:.25rem 0 0}.placement-student-list{gap:.6rem;max-height:420px;padding-right:.25rem;display:grid;overflow:auto}.placement-student-row{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .85rem;display:flex}.placement-student-row div{gap:.18rem;display:grid}.placement-student-row small{color:#64748b}.checkbox-card{cursor:pointer;justify-content:flex-start}.checkbox-card input{width:18px;height:18px}.checkbox-card:has(input:checked){background:#ecfdf5;border-color:#0f766e}.small-empty{padding:1rem}@media (width<=900px){.placement-grid{grid-template-columns:1fr}.placement-panel-head{flex-direction:column}}.stacked-head{gap:.75rem;display:grid}.placement-tools{grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:.55rem;display:grid}.placement-tools input{min-height:38px}.file-button{cursor:pointer;color:#fff;background:#0f766e;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;min-height:34px;margin:0;padding:.55rem .7rem;font-weight:800;display:inline-flex}.file-button input{display:none}.placement-import-status{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;gap:.25rem;padding:.7rem .8rem;display:grid}.success-text{color:#047857!important}.danger-text{color:#b91c1c!important}.icon-danger-button{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;font-weight:900;line-height:1;display:inline-grid}.icon-danger-button:hover:not(:disabled){color:#fff;background:#be123c}.icon-danger-button:disabled{opacity:.55;cursor:not-allowed}@media (width<=900px){.placement-tools{grid-template-columns:1fr}}.promotion-layout{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.promotion-card{align-content:start;gap:1rem;min-height:640px;display:grid}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.promotion-toolbar input{flex:220px}.student-transfer-list{gap:.6rem;max-height:430px;padding-right:.25rem;display:grid;overflow:auto}.transfer-student-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:.75rem;padding:.8rem .9rem;display:flex}.transfer-student-row:hover{background:#f8fafc}.transfer-student-row span{gap:.15rem;display:grid}.transfer-student-row small{color:#64748b}.transfer-student-row.removable{justify-content:space-between}.transfer-student-row.removable label{align-items:center;gap:.75rem;min-width:0;display:flex}.promotion-transfer-actions{gap:.75rem;padding-top:260px;display:grid;position:sticky;top:1rem}.target-summary-card{background:#f0fdfa;border:1px solid #99f6e4;border-radius:18px;gap:.25rem;padding:1rem;display:grid}.target-summary-card small{color:#0f766e}.promotion-note textarea{min-height:78px}@media (width<=1100px){.promotion-layout{grid-template-columns:1fr}.promotion-transfer-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0;position:static}.promotion-card{min-height:auto}}@media (width<=760px){.compact-form{grid-template-columns:1fr}.promotion-toolbar{grid-template-columns:1fr;display:grid}}.student-transfer-list{gap:.55rem;padding-right:.35rem}.transfer-student-row{text-align:left;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.8rem;min-height:72px;padding:.75rem .85rem;display:grid!important}.transfer-student-row input[type=checkbox]{place-self:center;width:16px;height:16px;margin:0}.transfer-student-row span{text-align:left;gap:.2rem;min-width:0;display:grid}.transfer-student-row strong{text-overflow:ellipsis;white-space:normal;line-height:1.25;display:block;overflow:hidden}.transfer-student-row small{overflow-wrap:anywhere;line-height:1.35;display:block}.transfer-student-row.removable{grid-template-columns:minmax(0,1fr) auto;gap:.85rem}.transfer-student-row.removable label{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.8rem;min-width:0;display:grid!important}.transfer-student-row.removable .tiny{white-space:nowrap;align-self:center}.promotion-toolbar{align-items:stretch}.promotion-toolbar input{min-width:0}@media (width<=640px){.transfer-student-row,.transfer-student-row.removable label{grid-template-columns:24px minmax(0,1fr);gap:.65rem}.transfer-student-row.removable{grid-template-columns:1fr}.transfer-student-row.removable .tiny{justify-self:end}}.success-pill{color:#166534!important;background:#dcfce7!important}.active-period-box.single-line{background:#facc151f;border:1px solid #f59e0b73;border-radius:999px;margin:.75rem 0 1rem;padding:.45rem .55rem}.period-badge.one-line{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;width:100%;font-size:.82rem;display:flex;overflow:hidden}.assignment-filter-grid{grid-template-columns:minmax(260px,.7fr) minmax(280px,1fr);align-items:end;gap:1rem;display:grid}.assignment-filter-grid label{gap:.4rem;display:grid}.compact-counters{margin-top:1rem}.assignment-action-row{grid-template-columns:minmax(170px,1fr) auto auto;align-items:center;gap:.5rem;display:grid}.status-pill.warning,.warning-card{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.success-pill{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}@media (width<=840px){.assignment-filter-grid,.assignment-action-row{grid-template-columns:1fr}}.holiday-layout{gap:1rem;margin-bottom:1rem;display:grid}.holiday-settings-panel .panel-header{align-items:start}.weekday-checkboxes{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;display:grid}.weekday-checkboxes label{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem .7rem;font-weight:700;display:flex}.weekday-checkboxes label.checked{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.weekday-checkboxes input{width:auto}.holiday-year-actions{align-items:center;gap:.5rem;display:flex}.holiday-year-actions input{text-align:center;width:110px}.holiday-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.holiday-month-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1rem}.holiday-month-card h3{margin:0 0 .75rem;font-size:1rem}.holiday-weekdays,.holiday-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.holiday-weekdays span{text-align:center;color:#64748b;font-size:.72rem;font-weight:800}.holiday-days{margin-top:.45rem}.holiday-day-cell{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-content:start;gap:.15rem;min-height:52px;padding:.35rem;display:grid;overflow:hidden}.holiday-day-cell strong{font-size:.82rem;line-height:1}.holiday-day-cell small{color:#991b1b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.62rem;line-height:1.1;display:-webkit-box;overflow:hidden}.holiday-day-cell em{color:#991b1b;font-size:.62rem;font-style:normal;font-weight:800}.holiday-day-cell.is-holiday{color:#991b1b;background:#fef2f2;border-color:#fecaca}.holiday-day-cell.muted{background:#f8fafc;border-style:dashed}.holiday-legend{color:#64748b;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.9rem;display:flex}.holiday-legend .dot{border-radius:999px;width:.75rem;height:.75rem;margin-right:-.35rem;display:inline-block}.holiday-legend .national{background:#ef4444}.holiday-legend .weekly{background:#f97316}.holiday-legend .event{background:#dc2626}.holiday-event-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-height:420px;padding-right:.25rem;display:grid;overflow:auto}.holiday-event-item{background:snow;border:1px solid #fee2e2;border-radius:14px;grid-template-columns:110px minmax(0,1fr);gap:.25rem .75rem;padding:.75rem;display:grid}.holiday-event-item strong{color:#991b1b}.holiday-event-item span{color:#0f172a;font-weight:800}.holiday-event-item small{color:#64748b;grid-column:2}@media (width<=1180px){.holiday-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekday-checkboxes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.holiday-calendar-grid,.holiday-event-items{grid-template-columns:1fr}.weekday-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}.holiday-event-item{grid-template-columns:1fr}.holiday-event-item small{grid-column:1}}.holiday-calendar-header{align-items:flex-start}.holiday-month-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.holiday-month-actions select{min-width:150px}.holiday-month-actions input{text-align:center;width:110px}.holiday-single-month-wrap{gap:1rem;display:grid}.holiday-month-card-large{width:100%;max-width:980px;margin:0 auto;padding:1.25rem}.holiday-month-card-large h3{text-align:center;margin-bottom:1rem;font-size:1.25rem}.holiday-days-large .holiday-day-cell{border-radius:14px;min-height:92px;padding:.65rem}.holiday-days-large .holiday-day-cell strong{font-size:1rem}.holiday-days-large .holiday-day-cell small{-webkit-line-clamp:3;font-size:.75rem;line-height:1.25}.holiday-days-large .holiday-day-cell em{font-size:.72rem}@media (width<=840px){.holiday-month-actions{justify-content:flex-start}.holiday-month-actions button{flex:150px}.holiday-days-large .holiday-day-cell{min-height:76px;padding:.45rem}}@media (width<=560px){.holiday-days-large .holiday-day-cell{border-radius:10px;min-height:58px}.holiday-days-large .holiday-day-cell small{display:none}}.timetable-filter-panel{margin-bottom:1rem}.timetable-hint-box{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;gap:.2rem;padding:.85rem 1rem;display:grid}.timetable-hint-box span{color:#92400e;font-size:.85rem}.timetable-wrap{border:1px solid #e2e8f0;border-radius:18px;overflow:auto}.timetable-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px}.timetable-table th,.timetable-table td{vertical-align:top;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.timetable-table th:last-child,.timetable-table td:last-child{border-right:0}.timetable-table tr:last-child th,.timetable-table tr:last-child td{border-bottom:0}.timetable-table thead th{z-index:2;text-align:center;color:#0f172a;background:#f8fafc;padding:.85rem;position:sticky;top:0}.timetable-table thead th small{color:#dc2626;margin-top:.15rem;display:block}.timetable-table .time-col{z-index:3;min-width:105px;left:0}.lesson-row-head{z-index:1;text-align:left;background:#f8fafc;width:105px;padding:.75rem;position:sticky;left:0}.lesson-row-head small{color:#64748b;margin-top:.25rem;font-size:.72rem;display:block}.timetable-table td{background:#fff;width:150px;height:102px;padding:.35rem}.timetable-slot{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;align-content:start;gap:.25rem;width:100%;min-height:94px;padding:.65rem;display:grid}.timetable-slot:hover{background:#f0fdfa;border-color:#0f766e}.timetable-slot.filled{background:#ecfdf5;border-style:solid;border-color:#99f6e4}.timetable-slot strong{font-size:.83rem;line-height:1.25}.timetable-slot span{color:#334155;font-size:.78rem}.timetable-slot small{color:#64748b;font-size:.72rem}.add-slot{place-self:center;font-weight:800;color:#0f766e!important}.holiday-day,.holiday-cell{background:#fef2f2!important}.timetable-holiday-cell{text-align:center;color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;place-items:center;min-height:94px;padding:.5rem;display:grid}.timetable-holiday-cell span{color:#b91c1c;font-size:.75rem}.timetable-modal{max-width:620px}.timetable-teacher-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:.25rem;padding:.85rem 1rem;display:grid}.timetable-teacher-preview span,.timetable-teacher-preview small{color:#64748b}@media (width<=840px){.timetable-table{min-width:940px}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e!important}.modal-card,.timetable-modal{color:#0f172a!important;opacity:1!important;background:#fff!important}.timetable-modal{width:min(620px,100%);max-height:min(88vh,760px);overflow:auto}.timetable-modal .modal-body{gap:1rem;display:grid}.timetable-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.lesson-time-modal{background:#fff;width:min(760px,100vw - 2rem);max-width:760px}.lesson-time-tools{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.lesson-time-tools small{color:#64748b}.lesson-time-global-tools{align-items:stretch}.lesson-time-global-form{grid-template-columns:150px 170px;align-items:end;gap:.75rem;display:grid}.lesson-time-global-form label{gap:.35rem;display:grid}.lesson-time-global-form label span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.lesson-time-tool-actions{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.lesson-time-tool-actions small{color:#64748b;flex-basis:100%}.lesson-time-table-wrap{border:1px solid #e2e8f0;border-radius:18px;max-height:min(62vh,560px);overflow:auto}.lesson-time-table{border-collapse:collapse;width:100%}.lesson-time-table th,.lesson-time-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:.75rem .9rem}.lesson-time-table thead th{z-index:1;background:#f8fafc;position:sticky;top:0}.lesson-time-table tbody tr:last-child td{border-bottom:0}.lesson-time-table input[type=time],.lesson-time-table input[type=number]{min-height:38px}.duration-input{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:.5rem;display:grid}.duration-input span{color:#64748b;font-size:.9rem}@media (width<=720px){.timetable-header-actions{justify-content:flex-start}.lesson-time-tools{flex-direction:column;align-items:flex-start}.lesson-time-global-form{grid-template-columns:1fr;width:100%}.lesson-time-tool-actions{text-align:left;justify-content:flex-start}.lesson-time-table th,.lesson-time-table td{padding:.6rem}}.attendance-public-shell{color:#0f172a;background:#eff8ed;min-height:100vh;padding:1.25rem}.attendance-hero{color:#fff;background:#17621f;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1.25rem;min-height:148px;padding:1.55rem;display:flex;box-shadow:0 18px 36px #16653426}.attendance-hero.compact{align-items:center}.attendance-hero p{margin:0 0 .65rem;font-size:1rem}.attendance-hero h1{letter-spacing:.04em;margin:0 0 .55rem;font-size:1.75rem}.attendance-hero span{margin:.32rem 0;font-size:.85rem;display:block}.attendance-hero-right{justify-items:end;gap:.7rem;display:grid}.powered-badge,.clock-pill,.attendance-link{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.85rem;text-decoration:none;display:inline-flex}.attendance-link{border:1px solid #ffffff59}.attendance-warning{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:1rem 0;padding:.9rem 1rem;font-weight:700}.attendance-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem .4rem;display:grid}.attendance-stat{background:#fff;border-left:4px solid #0000;border-radius:8px;gap:.65rem;min-height:132px;padding:1.1rem;display:grid;box-shadow:0 12px 28px #0f172a14}.attendance-stat.accent{border-left-color:#facc15}.attendance-stat span{color:#475569}.attendance-stat strong{color:#166534;font-size:1.55rem}.attendance-stat small{color:#64748b;font-size:.95rem}.attendance-stat em{color:#15803d;font-size:.85rem;font-style:normal}.attendance-kiosk-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.attendance-panel{background:#fff;border:1px solid #bbdfb8;border-radius:10px;min-height:330px;overflow:hidden}.attendance-panel-head{color:#166534;border-top:4px solid #166534;border-bottom:1px solid #bbdfb8;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.attendance-panel-head em{border:1px solid #2f7d32;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-style:normal}.scan-panel{align-content:start;display:grid}.rfid-icon{color:#2f7d32;background:#e8f4e8;border-radius:999px;place-items:center;width:78px;height:78px;margin:1.5rem auto 1rem;font-size:2rem;display:grid;box-shadow:0 0 0 26px #e8f4e88c}.rfid-form{grid-template-columns:minmax(0,1fr) 130px 110px;gap:.65rem;padding:1rem;display:grid}.rfid-form input,.rfid-form select{background:#eef8ee;border:1px solid #bbdfb8;border-radius:6px;width:100%;padding:.85rem .9rem;font-size:1rem}.rfid-form button{color:#fff;background:#0f766e;border:0;border-radius:6px;font-weight:800}.scan-panel p{text-align:center;color:#365b37;margin:.2rem 1rem 1rem}.attendance-success,.attendance-error{border-radius:8px;margin:.25rem 1rem 1rem;padding:.85rem 1rem;font-weight:700}.attendance-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.attendance-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.activity-list{gap:.7rem;padding:1rem;display:grid}.activity-item{border-bottom:1px solid #d9ecd7;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 0;display:grid}.activity-item .avatar{color:#15803d;background:#ecfdf5;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.activity-item strong{color:#166534;display:block}.activity-item span{color:#15803d;font-size:.85rem;display:block}.activity-item em{color:#166534;border:1px solid #2f7d32;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;font-style:normal}.qr-camera-box{aspect-ratio:4/3;background:#101827;border-radius:12px;width:min(310px,100% - 2rem);margin:1.5rem auto .75rem;position:relative;overflow:hidden}.qr-camera-box video{object-fit:cover;width:100%;height:100%;display:block}.qr-frame{border:3px solid #ef4444;border-radius:14px;position:absolute;inset:20%;box-shadow:0 0 0 999px #0000002e}.qr-manual{grid-template-columns:minmax(0,1fr) 120px 96px}.attendance-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:900px;margin:1.25rem auto;display:grid}.attendance-mode-card{color:#0f172a;background:#fff;border:1px solid #bbdfb8;border-radius:14px;gap:.5rem;padding:1.25rem;text-decoration:none;display:grid;box-shadow:0 12px 28px #0f172a14}.attendance-mode-card strong{color:#166534;font-size:1.2rem}.attendance-mode-card span{color:#64748b}@media (width<=900px){.attendance-hero,.attendance-kiosk-grid,.attendance-stat-grid,.attendance-mode-grid{grid-template-columns:1fr}.attendance-hero{display:grid}.attendance-hero-right{justify-items:start}.rfid-form,.qr-manual{grid-template-columns:1fr}}.rfid-capture-note{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;margin-top:.5rem;padding:.45rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.setting-grid-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.setting-grid-form label{gap:.35rem;display:grid}.checkbox-row{align-items:center;min-height:44px;gap:.55rem!important;display:flex!important}.checkbox-row input{width:auto}.form-actions-inline{align-items:center;gap:.5rem;display:flex}@media (width<=1100px){.setting-grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.setting-grid-form{grid-template-columns:1fr}}.qr-hidden-canvas{display:none!important}.qr-scan-status{color:#166534;text-align:center;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;margin-top:.75rem;padding:.65rem .85rem;font-size:.9rem}.qr-camera-actions{justify-content:center;margin:.75rem 0;display:flex}.qr-camera-box video{object-fit:cover;background:#111827}.scan-notice-pop{z-index:9999;text-align:left;cursor:pointer;border:0;border-radius:22px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:1rem;width:min(560px,100vw - 32px);padding:1rem 1.15rem;animation:.22s ease-out noticeDrop;display:grid;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #0f172a3d}.scan-notice-pop.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.scan-notice-pop.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.scan-notice-icon{background:#fff;border-radius:999px;place-items:center;width:48px;height:48px;font-size:1.55rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #0f172a14}.scan-notice-pop span:last-child{gap:.2rem;min-width:0;display:grid}.scan-notice-pop strong{font-size:1.05rem}.scan-notice-pop em{overflow-wrap:anywhere;font-style:normal;font-weight:700}.scan-notice-pop small{opacity:.75;overflow-wrap:anywhere}@keyframes noticeDrop{0%{opacity:0;transform:translate(-50%,-18px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (width<=640px){.scan-notice-pop{border-radius:18px;grid-template-columns:44px minmax(0,1fr);top:12px}.scan-notice-icon{width:40px;height:40px;font-size:1.25rem}}.attendance-summary-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.student-summary-card.info-card{background:linear-gradient(#fff,#eff6ff);border-color:#bfdbfe}.info-pill{color:#1d4ed8!important;background:#dbeafe!important;border:1px solid #bfdbfe!important}.warning-pill{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important}.attendance-filter-header{align-items:start}.attendance-filter-grid{grid-template-columns:180px 180px 180px minmax(240px,1fr) auto;align-items:end;gap:.85rem;display:grid}.attendance-filter-grid label{gap:.35rem;display:grid}.filter-actions-inline{align-items:center;gap:.5rem;display:flex}.attendance-table-wrap table th,.attendance-table-wrap table td{white-space:nowrap}.attendance-table-wrap .cell-subtext{margin-top:.25rem;display:block}@media (width<=1280px){.attendance-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions-inline{grid-column:1/-1}}@media (width<=720px){.attendance-summary-cards,.attendance-filter-grid{grid-template-columns:1fr}}.student-summary-card.muted-card{background:linear-gradient(#fff,#f8fafc);border-color:#cbd5e1}.muted-pill{color:#475569!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.attendance-filter-grid{grid-template-columns:repeat(6,minmax(140px,1fr))}.compact-attendance-table{overflow-x:auto}.attendance-table{min-width:980px;font-size:.86rem}.attendance-table th,.attendance-table td{vertical-align:top;padding:.62rem .55rem!important}.attendance-table td:nth-child(3),.attendance-table td:nth-child(4),.attendance-table td:nth-child(12){min-width:140px;white-space:normal!important}.attendance-card-list{gap:.85rem;display:none}.attendance-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:.8rem;padding:1rem;display:grid;box-shadow:0 10px 22px #0f172a0b}.attendance-mobile-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.attendance-mobile-head>div{gap:.25rem;min-width:0;display:grid}.attendance-mobile-head strong,.attendance-mobile-head span{overflow-wrap:anywhere}.attendance-mobile-head>div>span{color:#64748b;font-size:.85rem}.attendance-mobile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.attendance-mobile-meta span{color:#334155;background:#f8fafc;border-radius:14px;gap:.15rem;padding:.65rem;font-size:.88rem;display:grid}.attendance-mobile-meta b{color:#64748b;font-size:.76rem;font-weight:700}@media (width<=1280px){.attendance-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.attendance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.attendance-filter-grid{grid-template-columns:1fr}.attendance-table-wrap{display:none}.attendance-card-list{display:grid}.attendance-mobile-meta{grid-template-columns:1fr}.datatable-info{font-size:.85rem}}.attendance-page-fixed{flex-direction:column;gap:1rem;height:calc(100vh - 4rem);max-height:calc(100vh - 4rem);display:flex;overflow:hidden}.attendance-page-fixed>.page-header,.attendance-page-fixed>.alert,.attendance-page-fixed>.success,.attendance-page-fixed>.attendance-summary-cards,.attendance-page-fixed>.panel.no-print{flex:none}.attendance-page-fixed .page-header,.attendance-page-fixed .attendance-summary-cards{margin-bottom:0}.attendance-data-panel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.attendance-data-header,.attendance-data-panel .datatable-toolbar,.attendance-data-panel .datatable-footer{flex:none}.attendance-data-scroll{border:1px solid #e2e8f0;border-radius:18px;flex:auto;min-height:0;overflow:auto}.attendance-data-scroll table{margin-top:0}.attendance-data-scroll thead th{z-index:2;background:#f8fafc;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.attendance-card-scroll{flex:auto;min-height:0;padding-right:.25rem;overflow:auto}@media (width<=960px){.attendance-page-fixed{height:auto;max-height:none;overflow:visible}.attendance-data-panel{overflow:visible}}@media print{.attendance-page-fixed{height:auto!important;max-height:none!important;overflow:visible!important}.attendance-data-scroll,.attendance-card-scroll{max-height:none!important;overflow:visible!important}}.app-shell{grid-template-columns:280px minmax(0,1fr)}.content{min-width:0;max-width:100%;overflow-x:hidden}.panel{min-width:0}.attendance-page-fixed{height:auto;max-height:none;overflow:visible}.attendance-data-panel{min-width:0;overflow:hidden}.attendance-data-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible}.attendance-data-scroll table{width:max-content;min-width:1320px}.attendance-data-scroll thead th{box-shadow:none;position:static;top:auto}.attendance-data-scroll::-webkit-scrollbar{height:10px}.attendance-data-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.attendance-data-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}@media (width<=960px){.content{overflow-x:hidden}.attendance-data-scroll table{min-width:1180px}}@media print{.content,.attendance-data-panel,.attendance-data-scroll{overflow:visible!important}.attendance-data-scroll table{width:100%!important;min-width:0!important}}.rekap-kehadiran-table th,.rekap-kehadiran-table td{white-space:nowrap;font-size:.88rem}.attendance-horizontal-wrap{max-width:100%;overflow:auto visible}.status-badge{color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:.22rem .55rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge.success{color:#166534;background:#dcfce7}.status-badge.warning{color:#92400e;background:#fef3c7}.status-badge.info{color:#075985;background:#e0f2fe}.status-badge.muted{color:#64748b;background:#f1f5f9}@media (width<=900px){.rekap-kehadiran-table{min-width:1180px}}.rekap-summary-strip{scroll-snap-type:x proximity;gap:.85rem;padding-bottom:.25rem;overflow:auto hidden;grid-template-columns:none!important;display:flex!important}.rekap-summary-strip .student-summary-card{scroll-snap-align:start;flex:0 0 170px;min-width:170px}.rekap-summary-strip::-webkit-scrollbar{height:8px}.rekap-summary-strip::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.rekap-summary-strip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.status-badge.holiday{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.rekap-detail-scroll{max-height:min(70vh,720px);overflow:auto}.rekap-detail-scroll thead th{z-index:2;background:#f8fafc;position:sticky;top:0}@media (width<=720px){.rekap-summary-strip .student-summary-card{flex-basis:155px;min-width:155px}}.teacher-sidebar-name{color:#713f12;background:#facc152e;border-radius:12px;margin:.35rem .7rem .6rem;padding:.55rem .7rem;font-size:.85rem;font-weight:700;display:block}.teacher-page{max-width:980px;margin:0 auto;padding-bottom:5rem}.teacher-hero{justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.teacher-hero h1{margin:.2rem 0;font-size:clamp(1.55rem,5vw,2.5rem)}.teacher-hero p{color:#64748b;margin:0}.teacher-date-card{color:#ccfbf1;background:linear-gradient(135deg,#0f766e,#042f2e);border-radius:22px;align-content:center;gap:.25rem;min-width:170px;padding:1rem;display:grid;box-shadow:0 18px 40px #0f766e2e}.teacher-date-card strong{color:#fff;font-size:1.15rem}.teacher-tabs{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:1rem;padding:.5rem;display:grid;position:sticky;top:0}.teacher-tabs button{color:#334155;background:#f1f5f9;border:0;border-radius:15px;padding:.75rem .45rem;font-size:.86rem;font-weight:800}.teacher-tabs button.active{color:#fff;background:#0f766e}.teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.teacher-stats div,.teacher-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 16px 40px #0f172a0f}.teacher-stats div{gap:.25rem;padding:1rem;display:grid}.teacher-stats span{color:#64748b;font-size:.85rem}.teacher-stats strong{color:#0f172a;font-size:1.7rem}.teacher-card{margin-bottom:1rem;padding:1rem}.teacher-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.teacher-card-head h2{margin:0;font-size:1.15rem}.teacher-card-head p{color:#64748b;margin:.25rem 0 0}.teacher-card-head small{color:#0f766e;font-weight:800}.teacher-schedule-list,.teacher-day-list,.teacher-attendance-list,.teacher-student-attendance{gap:.75rem;display:grid}.teacher-schedule-item,.teacher-attendance-list article,.teacher-student-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem;display:grid}.teacher-schedule-item.compact{padding:.7rem}.teacher-schedule-item div,.teacher-attendance-list article div{min-width:0}.teacher-schedule-item strong,.teacher-student-row strong{color:#0f172a;display:block}.teacher-schedule-item span,.teacher-schedule-item small,.teacher-student-row span,.teacher-attendance-list span,.teacher-attendance-list small{color:#64748b;font-size:.88rem;display:block}.teacher-day-group{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:.4rem}.teacher-day-group summary{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem;font-weight:900;display:flex}.teacher-day-group summary span{color:#64748b;font-size:.85rem;font-weight:700}.compact-empty{padding:.7rem}.teacher-attendance-today{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.teacher-attendance-today div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:.2rem;padding:1rem;display:grid}.teacher-attendance-today span,.teacher-field span,.teacher-filter-row span{color:#64748b;font-size:.85rem}.teacher-attendance-today strong{font-size:1.5rem}.teacher-field{gap:.35rem;margin-bottom:.75rem;display:grid}.teacher-field.full{grid-column:1/-1}.teacher-kbm-panel{gap:.75rem;display:grid}.teacher-quick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.teacher-student-row{grid-template-columns:minmax(0,1fr) 130px minmax(130px,.6fr)}.teacher-save-button{border-radius:18px;width:100%;padding:1rem;font-size:1rem}.teacher-filter-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.teacher-filter-row label{gap:.35rem;display:grid}.teacher-attendance-list article{grid-template-columns:1fr;align-items:start}@media (width<=760px){.content:has(.teacher-page){padding:.75rem}.teacher-page{max-width:none}.teacher-hero{flex-direction:column}.teacher-date-card{min-width:0}.teacher-stats{grid-template-columns:repeat(3,minmax(115px,1fr));padding-bottom:.35rem;overflow-x:auto}.teacher-tabs{position:fixed;inset:auto .75rem .65rem;box-shadow:0 20px 45px #0f172a2e}.teacher-tabs button{padding:.7rem .25rem;font-size:.78rem}.teacher-schedule-item{grid-template-columns:1fr}.teacher-schedule-item button{width:100%}.teacher-attendance-today,.teacher-student-row,.teacher-filter-row{grid-template-columns:1fr}}.teacher-mobile-shell{background:radial-gradient(circle at 0 0,#ccfbf1d9,#0000 34rem),linear-gradient(#f0fdfa 0%,#f8fafc 42%,#eef2ff 100%);min-height:100vh}.teacher-mobile-topbar{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #e2e8f0d1;justify-content:space-between;align-items:center;gap:.85rem;padding:.75rem clamp(.85rem,3vw,1.5rem);display:flex;position:sticky;top:0;box-shadow:0 16px 40px #0f172a0f}.teacher-mobile-brand{align-items:center;gap:.7rem;min-width:0;display:flex}.teacher-mobile-brand .brand-mark{border-radius:16px;flex:none;width:42px;height:42px}.teacher-mobile-brand strong,.teacher-mobile-brand small{line-height:1.25;display:block}.teacher-mobile-brand strong{color:#0f172a;font-size:1rem}.teacher-mobile-brand small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:48vw;font-size:.77rem;font-weight:700;overflow:hidden}.teacher-mobile-account{align-items:center;gap:.65rem;min-width:0;display:flex}.teacher-mobile-account span{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.86rem;font-weight:800;overflow:hidden}.teacher-logout-button{color:#991b1b;box-shadow:none;background:#fee2e2;border-radius:999px;padding:.6rem .85rem;font-size:.82rem}.teacher-mobile-content{width:min(1024px,100%);padding:1rem clamp(.85rem, 3vw, 1.25rem) calc(6.2rem + env(safe-area-inset-bottom));margin:0 auto}.teacher-mobile-content .teacher-page{max-width:none;margin:0;padding-bottom:0}.teacher-mobile-content .teacher-hero{color:#ecfeff;background:linear-gradient(135deg,#0f766efa,#042f2ef2);border:1px solid #99f6e4e6;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:1rem;margin-bottom:1rem;padding:1.05rem;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 60px #0f766e2e}.teacher-mobile-content .teacher-hero:after{content:"";background:#ffffff1f;border-radius:999px;width:180px;height:180px;position:absolute;top:-70px;right:-56px}.teacher-mobile-content .teacher-hero .eyebrow{color:#a7f3d0!important}.teacher-mobile-content .teacher-hero h1{z-index:1;color:#fff;font-size:clamp(1.45rem,6vw,2.2rem);line-height:1.12;position:relative}.teacher-mobile-content .teacher-hero p{z-index:1;color:#ccfbf1;position:relative}.teacher-mobile-content .teacher-date-card{z-index:1;min-width:155px;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff2e;position:relative}.teacher-mobile-content .teacher-tabs{z-index:70}.teacher-mobile-content .teacher-card,.teacher-mobile-content .teacher-stats div{border-color:#e2e8f0f2;box-shadow:0 18px 48px #0f172a12}.teacher-mobile-content .teacher-card{border-radius:26px}.teacher-mobile-content .teacher-schedule-item,.teacher-mobile-content .teacher-student-row,.teacher-mobile-content .teacher-attendance-list article,.teacher-mobile-content .teacher-attendance-today div,.teacher-mobile-content .teacher-day-group{background:#fff}.teacher-mobile-content .teacher-schedule-item button,.teacher-mobile-content .teacher-save-button,.teacher-mobile-content .teacher-filter-row button{min-height:44px}.teacher-mobile-content select,.teacher-mobile-content input,.teacher-mobile-content textarea{min-height:44px;font-size:16px}@media (width<=760px){body:has(.teacher-mobile-shell){background:#f8fafc}.teacher-mobile-topbar{padding:.7rem .85rem}.teacher-mobile-brand .brand-mark{border-radius:14px;width:38px;height:38px;font-size:1.25rem}.teacher-mobile-brand strong{font-size:.95rem}.teacher-mobile-brand small{max-width:46vw;font-size:.72rem}.teacher-mobile-account span{display:none}.teacher-logout-button{padding:.55rem .7rem;font-size:.78rem}.teacher-mobile-content{padding:.85rem .75rem calc(6.4rem + env(safe-area-inset-bottom))}.teacher-mobile-content .teacher-hero{border-radius:26px;grid-template-columns:1fr;gap:.85rem;padding:1rem}.teacher-mobile-content .teacher-hero h1{margin-top:.12rem}.teacher-mobile-content .teacher-date-card{border-radius:20px;min-width:0;padding:.85rem}.teacher-mobile-content .teacher-tabs{left:.65rem;right:.65rem;bottom:calc(.55rem + env(safe-area-inset-bottom));background:#fffffff2;border:1px solid #e2e8f0f5;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:0;padding:.45rem;position:fixed;top:auto;box-shadow:0 22px 55px #0f172a2e}.teacher-mobile-content .teacher-tabs button{border-radius:18px;min-height:48px;padding:.48rem .2rem;font-size:.74rem;line-height:1.12}.teacher-mobile-content .teacher-tabs button:first-child:before{content:"🏠";margin-bottom:.18rem;display:block}.teacher-mobile-content .teacher-tabs button:nth-child(2):before{content:"📅";margin-bottom:.18rem;display:block}.teacher-mobile-content .teacher-tabs button:nth-child(3):before{content:"📝";margin-bottom:.18rem;display:block}.teacher-mobile-content .teacher-tabs button:nth-child(4):before{content:"👤";margin-bottom:.18rem;display:block}.teacher-mobile-content .teacher-stats{scroll-snap-type:x proximity;gap:.65rem;margin-inline:-.75rem;padding-inline:.75rem;display:flex;overflow-x:auto}.teacher-mobile-content .teacher-stats div{scroll-snap-align:start;flex:0 0 148px}.teacher-mobile-content .teacher-card{border-radius:24px;padding:.9rem}.teacher-mobile-content .teacher-card-head{gap:.25rem;display:grid}.teacher-mobile-content .teacher-schedule-item,.teacher-mobile-content .teacher-student-row{border-radius:20px;grid-template-columns:1fr;align-items:stretch;padding:.8rem}.teacher-mobile-content .teacher-schedule-item button,.teacher-mobile-content .teacher-quick-actions button,.teacher-mobile-content .teacher-filter-row button,.teacher-mobile-content .teacher-save-button{width:100%}.teacher-mobile-content .teacher-quick-actions{grid-template-columns:1fr 1fr;display:grid}.teacher-mobile-content .teacher-attendance-today,.teacher-mobile-content .teacher-filter-row{grid-template-columns:1fr}.teacher-mobile-content .teacher-student-row select,.teacher-mobile-content .teacher-student-row input{width:100%}}@media (width<=380px){.teacher-mobile-brand small{max-width:40vw}.teacher-mobile-content .teacher-tabs button{font-size:.68rem}.teacher-mobile-content .teacher-quick-actions{grid-template-columns:1fr}}.teacher-kbm-minimal-card{overflow:visible}.teacher-kbm-head{align-items:center}.teacher-kbm-badge{color:#0f766e;white-space:nowrap;background:#ecfeff;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.82rem;font-weight:900;display:inline-flex}.teacher-kbm-picker{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:.75rem;display:grid}.teacher-selected-schedule{background:linear-gradient(135deg,#f0fdfa,#fff);border:1px solid #99f6e4;border-radius:20px;gap:.18rem;margin:.2rem 0 .85rem;padding:.85rem;display:grid}.teacher-selected-schedule span,.teacher-selected-schedule small{color:#64748b;font-size:.84rem}.teacher-selected-schedule strong{color:#0f172a;font-size:1.04rem}.teacher-kbm-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;gap:.7rem;padding:.85rem;display:grid}.teacher-kbm-section.attendance{background:#fff}.teacher-section-title,.teacher-section-title>div{align-items:center;gap:.55rem;display:flex}.teacher-section-title.with-action{justify-content:space-between;gap:.75rem}.teacher-section-title span{color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.82rem;font-weight:900;display:inline-grid}.teacher-section-title strong{color:#0f172a;font-size:.98rem}.teacher-mini-action{white-space:nowrap;border-radius:999px;padding:.5rem .75rem;font-size:.82rem;min-height:36px!important}.teacher-materi-field textarea{background:#fff;border-color:#99f6e4;min-height:96px;font-size:1rem}.teacher-optional-note,.teacher-student-note{gap:.5rem;display:grid}.teacher-optional-note summary,.teacher-student-note summary{cursor:pointer;color:#0f766e;font-size:.87rem;font-weight:900;list-style:none}.teacher-optional-note summary::-webkit-details-marker{display:none}.teacher-student-note summary::-webkit-details-marker{display:none}.teacher-optional-note textarea{background:#fff;min-height:74px}.teacher-status-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.teacher-status-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-items:center;gap:.1rem;padding:.55rem .25rem;display:grid}.teacher-status-summary span{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:900;display:inline-grid}.teacher-status-summary strong{color:#0f172a;font-size:1.1rem;line-height:1}.teacher-status-summary small{color:#64748b;font-size:.68rem;font-weight:700}.teacher-status-summary .summary-hadir span{color:#166534;background:#dcfce7}.teacher-status-summary .summary-terlambat span{color:#92400e;background:#fef3c7}.teacher-status-summary .summary-sakit span{color:#1d4ed8;background:#dbeafe}.teacher-status-summary .summary-izin span{color:#6d28d9;background:#ede9fe}.teacher-status-summary .summary-alpa span{color:#991b1b;background:#fee2e2}.teacher-status-legend{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:13px;flex-wrap:wrap;align-items:center;gap:.34rem .55rem;padding:.48rem .55rem;font-size:.72rem;line-height:1.2;display:flex}.teacher-status-legend strong{color:#0f172a;font-size:.72rem;font-weight:900}.teacher-status-legend span{white-space:nowrap;align-items:center;gap:.18rem;font-weight:700;display:inline-flex}.teacher-status-legend b{color:#0f766e;background:#e2e8f0;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.62rem;font-weight:900;display:inline-grid}.teacher-student-attendance.minimal{gap:.6rem}.teacher-student-card{background:#fff;border:1px solid #e2e8f0;border-left-width:5px;border-radius:20px;gap:.7rem;padding:.8rem;display:grid;box-shadow:0 10px 26px #0f172a0b}.teacher-student-card.status-hadir{border-left-color:#22c55e}.teacher-student-card.status-terlambat{border-left-color:#f59e0b}.teacher-student-card.status-sakit{border-left-color:#3b82f6}.teacher-student-card.status-izin{border-left-color:#8b5cf6}.teacher-student-card.status-alpa{border-left-color:#ef4444}.teacher-student-main{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.teacher-student-avatar{color:#115e59;background:#ccfbf1;border-radius:16px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.teacher-student-main strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.25;display:block;overflow:hidden}.teacher-student-main span{color:#64748b;font-size:.8rem;display:block}.teacher-status-pills{grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem;display:grid}.teacher-status-pills button{color:#334155;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:.45rem .2rem;font-size:.86rem;font-weight:900;min-height:38px!important}.teacher-status-pills button.active{color:#fff;background:#0f766e;border-color:#0f766e}.teacher-student-note summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-student-note input{background:#f8fafc;border-radius:14px;font-size:.92rem;min-height:40px!important}.teacher-kbm-sticky-save{z-index:30;padding-top:.25rem;position:sticky;bottom:.75rem}.teacher-kbm-sticky-save .teacher-save-button{box-shadow:0 20px 45px #0f766e40}@media (width<=760px){.teacher-kbm-head{grid-template-columns:1fr auto}.teacher-kbm-head p{font-size:.86rem}.teacher-kbm-picker{grid-template-columns:1fr;gap:.45rem}.teacher-kbm-picker .teacher-field{margin-bottom:0}.teacher-selected-schedule{border-radius:18px;margin-top:.65rem}.teacher-kbm-section{border-radius:20px;margin-inline:-.15rem;padding:.78rem}.teacher-section-title.with-action{align-items:center}.teacher-status-summary{scroll-snap-type:x proximity;gap:.45rem;margin-inline:-.78rem;padding-inline:.78rem;display:flex;overflow-x:auto}.teacher-status-summary>div{scroll-snap-align:start;flex:0 0 68px}.teacher-student-card{border-radius:18px;padding:.72rem}.teacher-status-pills{gap:.32rem}.teacher-status-pills button{border-radius:15px;font-size:.9rem;min-height:42px!important}.teacher-kbm-sticky-save{bottom:calc(5.75rem + env(safe-area-inset-bottom))}.teacher-kbm-sticky-save .teacher-save-button{border-radius:18px;min-height:50px}}@media (width<=380px){.teacher-status-pills button{font-size:.82rem}.teacher-student-main{grid-template-columns:38px minmax(0,1fr)}.teacher-student-avatar{border-radius:14px;width:38px;height:38px}}.teacher-kbm-minimal-card{border-radius:22px}.teacher-kbm-head{margin-bottom:.55rem}.teacher-kbm-head h2{font-size:1rem;line-height:1.2}.teacher-kbm-head p{margin-top:.15rem;font-size:.78rem}.teacher-kbm-badge{padding:.32rem .55rem;font-size:.74rem}.teacher-kbm-picker{gap:.5rem;margin-bottom:.45rem}.teacher-kbm-picker .teacher-field,.teacher-kbm-section .teacher-field{gap:.22rem;margin-bottom:.35rem}.teacher-kbm-picker select,.teacher-kbm-picker input,.teacher-kbm-section textarea,.teacher-optional-note textarea{border-radius:12px;min-height:38px;font-size:.86rem}.teacher-selected-schedule{border-radius:16px;margin:.1rem 0 .55rem;padding:.62rem .7rem}.teacher-selected-schedule span,.teacher-selected-schedule small{font-size:.74rem}.teacher-selected-schedule strong{font-size:.92rem}.teacher-kbm-panel.minimal{gap:.55rem}.teacher-kbm-section{border-radius:17px;gap:.5rem;padding:.62rem}.teacher-section-title span{width:23px;height:23px;font-size:.7rem}.teacher-section-title strong{font-size:.86rem}.teacher-mini-action{padding:.35rem .55rem;font-size:.72rem;min-height:30px!important}.teacher-materi-field textarea{min-height:66px;font-size:.88rem}.teacher-optional-note summary{font-size:.78rem}.teacher-optional-note textarea{min-height:52px}.teacher-status-summary{gap:.32rem}.teacher-status-summary>div{border-radius:12px;padding:.38rem .18rem}.teacher-status-summary span{width:22px;height:22px;font-size:.68rem}.teacher-status-summary strong{font-size:.9rem}.teacher-status-summary small{font-size:.58rem}.teacher-kbm-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:15px;width:100%;overflow-x:auto}.teacher-kbm-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:335px;font-size:.78rem}.teacher-kbm-table th,.teacher-kbm-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:.32rem .24rem}.teacher-kbm-table th{z-index:2;color:#475569;background:#f8fafc;font-size:.68rem;font-weight:900;position:sticky;top:0}.teacher-kbm-table tbody tr:last-child td{border-bottom:0}.teacher-kbm-table tbody tr:nth-child(2n){background:#f8fafc}.teacher-kbm-table .student-col{text-align:left;width:38%}.teacher-kbm-table .status-col,.teacher-kbm-table th:not(.student-col):not(.note-col){width:8.5%}.teacher-kbm-table .note-col{width:19%}.teacher-table-student{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:.34rem;min-width:0;display:grid}.teacher-table-student>span{color:#0f766e;background:#ecfeff;border-radius:999px;place-items:center;width:19px;height:19px;font-size:.62rem;font-weight:900;display:inline-grid}.teacher-table-student strong,.teacher-table-student small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.teacher-table-student strong{color:#0f172a;font-size:.78rem;line-height:1.18}.teacher-table-student small{color:#64748b;font-size:.62rem}.teacher-radio-status{cursor:pointer;place-items:center;gap:.12rem;display:inline-grid}.teacher-radio-status input{accent-color:#0f766e;width:14px;height:14px;margin:0;min-height:0!important}.teacher-radio-status span{color:#64748b;font-size:.58rem;font-weight:900;line-height:1;display:block}.teacher-radio-status input:checked+span{color:#0f766e}.teacher-kbm-table .note-col input{text-align:left;border-radius:9px;width:100%;padding:.25rem .3rem;font-size:.7rem;min-height:28px!important}.teacher-kbm-table tr.status-hadir .teacher-table-student>span{color:#166534;background:#dcfce7}.teacher-kbm-table tr.status-terlambat .teacher-table-student>span{color:#92400e;background:#fef3c7}.teacher-kbm-table tr.status-sakit .teacher-table-student>span{color:#1d4ed8;background:#dbeafe}.teacher-kbm-table tr.status-izin .teacher-table-student>span{color:#6d28d9;background:#ede9fe}.teacher-kbm-table tr.status-alpa .teacher-table-student>span{color:#991b1b;background:#fee2e2}.teacher-kbm-sticky-save{padding-top:.1rem}.teacher-kbm-sticky-save .teacher-save-button{border-radius:14px;min-height:42px;padding:.68rem .85rem;font-size:.88rem}@media (width<=760px){.teacher-mobile-content .teacher-card.teacher-kbm-minimal-card{border-radius:19px;padding:.68rem}.teacher-kbm-head{grid-template-columns:1fr auto;gap:.45rem}.teacher-kbm-head h2{font-size:.94rem}.teacher-kbm-head p{display:none}.teacher-kbm-picker{grid-template-columns:1fr 118px;gap:.4rem}.teacher-kbm-picker .teacher-field span,.teacher-kbm-section .teacher-field span{font-size:.7rem}.teacher-kbm-picker select,.teacher-kbm-picker input{min-height:35px;padding:.42rem .5rem;font-size:.76rem}.teacher-selected-schedule{border-radius:14px;margin-top:.45rem;padding:.55rem .62rem}.teacher-selected-schedule small{display:none}.teacher-kbm-section{border-radius:15px;margin-inline:0;padding:.55rem}.teacher-section-title.with-action{gap:.35rem}.teacher-materi-field textarea{min-height:58px;padding:.5rem .58rem;font-size:.8rem}.teacher-status-summary{grid-template-columns:repeat(5,minmax(0,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.teacher-status-summary>div{min-width:0}.teacher-status-summary small{display:none}.teacher-status-legend{border-radius:11px;gap:.26rem .42rem;padding:.38rem .45rem;font-size:.62rem}.teacher-status-legend strong{width:100%;font-size:.62rem}.teacher-status-legend b{width:16px;height:16px;font-size:.56rem}.teacher-kbm-table-wrap{border-radius:13px}.teacher-kbm-table{min-width:324px;font-size:.72rem}.teacher-kbm-table th,.teacher-kbm-table td{padding:.28rem .17rem}.teacher-kbm-table .student-col{width:40%}.teacher-kbm-table .status-col,.teacher-kbm-table th:not(.student-col):not(.note-col){width:8%}.teacher-kbm-table .note-col{width:18%}.teacher-table-student{grid-template-columns:17px minmax(0,1fr);gap:.24rem}.teacher-table-student>span{width:16px;height:16px;font-size:.54rem}.teacher-table-student strong{font-size:.71rem}.teacher-table-student small{font-size:.56rem}.teacher-radio-status input{width:13px;height:13px}.teacher-radio-status span{font-size:.52rem}.teacher-kbm-table .note-col input{border-radius:8px;padding:.18rem .24rem;font-size:.62rem;min-height:25px!important}.teacher-kbm-sticky-save{bottom:calc(5.45rem + env(safe-area-inset-bottom))}.teacher-kbm-sticky-save .teacher-save-button{border-radius:14px;min-height:42px}}@media (width<=380px){.teacher-kbm-picker{grid-template-columns:1fr}.teacher-kbm-table{min-width:318px}.teacher-table-student small,.teacher-kbm-table thead .note-col{display:none}.teacher-kbm-table .student-col{width:42%}.teacher-kbm-table .note-col{width:16%}}.teacher-back-tiny{color:#0f766e;box-shadow:none;white-space:nowrap;background:#ecfeff;border-radius:999px;padding:.38rem .62rem;font-size:.72rem;font-weight:900;min-height:32px!important}.teacher-violation-card{overflow:hidden}.teacher-violation-head{margin-bottom:.6rem}.teacher-violation-head h2{font-size:1rem;line-height:1.2}.teacher-violation-head p{margin-top:.15rem;font-size:.8rem}.teacher-violation-info,.teacher-selected-violation{color:#115e59;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:16px;gap:.18rem;margin-bottom:.65rem;padding:.62rem .72rem;font-size:.8rem;display:grid}.teacher-violation-info strong,.teacher-selected-violation strong{color:#0f172a;font-size:.88rem;line-height:1.25}.teacher-violation-info span,.teacher-selected-violation span,.teacher-selected-violation small{color:#475569;font-size:.76rem}.teacher-violation-form{gap:.65rem;display:grid}.teacher-violation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.teacher-violation-grid .teacher-field{gap:.24rem;margin-bottom:0}.teacher-violation-grid .teacher-field span{font-size:.72rem;font-weight:800}.teacher-violation-grid input,.teacher-violation-grid select,.teacher-violation-grid textarea{border-radius:12px;padding:.48rem .58rem;font-size:.84rem;min-height:38px!important}.teacher-violation-grid textarea{resize:vertical;min-height:70px!important}.teacher-point-field input{color:#0f766e;text-align:center;background:#ecfeff;font-weight:900}.teacher-violation-save{border-radius:15px;min-height:44px;padding:.72rem .9rem;font-size:.9rem}@media (width<=760px){.teacher-mobile-content .teacher-card.teacher-violation-card{border-radius:19px;padding:.72rem}.teacher-violation-head{align-items:center;gap:.45rem}.teacher-violation-head h2{font-size:.94rem}.teacher-violation-head p{display:none}.teacher-violation-info,.teacher-selected-violation{border-radius:13px;margin-bottom:.5rem;padding:.5rem .58rem;font-size:.72rem}.teacher-violation-info strong,.teacher-selected-violation strong{font-size:.8rem}.teacher-violation-grid{gap:.42rem}.teacher-violation-grid .teacher-field span{font-size:.66rem}.teacher-violation-grid input,.teacher-violation-grid select,.teacher-violation-grid textarea{border-radius:11px;padding:.42rem .5rem;font-size:.76rem;min-height:35px!important}.teacher-violation-grid textarea{min-height:58px!important}.teacher-violation-save{border-radius:14px;min-height:42px;font-size:.86rem}}@media (width<=420px){.teacher-violation-grid{grid-template-columns:1fr}.teacher-violation-grid .teacher-field.full{grid-column:auto}}.teacher-student-search-box{gap:.5rem;display:grid}.teacher-search-field{margin-bottom:0}.teacher-selected-student{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;justify-content:space-between;align-items:center;gap:.7rem;padding:.58rem .66rem;display:flex}.teacher-selected-student div{gap:.12rem;min-width:0;display:grid}.teacher-selected-student small{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:800}.teacher-selected-student strong{color:#0f172a;overflow-wrap:anywhere;font-size:.86rem;line-height:1.25}.teacher-selected-student span{color:#166534;overflow-wrap:anywhere;font-size:.72rem;font-weight:800;line-height:1.25}.teacher-selected-student button{color:#166534;cursor:pointer;white-space:nowrap;background:#dcfce7;border:0;border-radius:999px;padding:.42rem .62rem;font-size:.72rem;font-weight:900}.teacher-student-result-list{gap:.36rem;max-height:250px;padding-right:.1rem;display:grid;overflow:auto}.teacher-student-result{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:13px;justify-content:space-between;align-items:center;gap:.7rem;width:100%;padding:.52rem .62rem;display:flex}.teacher-student-result span{overflow-wrap:anywhere;gap:.12rem;min-width:0;line-height:1.25;display:grid}.teacher-student-result span strong{color:#0f172a;font-size:.82rem;font-weight:900}.teacher-student-result span em{color:#64748b;font-size:.7rem;font-style:normal;font-weight:750}.teacher-student-result small{color:#0f766e;white-space:nowrap;background:#ecfeff;border-radius:999px;padding:.22rem .45rem;font-size:.66rem;font-weight:900}.teacher-student-result-empty,.teacher-student-hint{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:13px;padding:.58rem .65rem;font-size:.76rem}.teacher-violation-step2{background:#eff6ff;border-color:#bfdbfe;margin-top:.1rem}@media (width<=760px){.teacher-student-search-box{gap:.42rem}.teacher-selected-student{border-radius:12px;padding:.5rem .55rem}.teacher-selected-student strong{font-size:.78rem}.teacher-selected-student span{font-size:.66rem}.teacher-selected-student button{padding:.36rem .52rem;font-size:.68rem}.teacher-student-result-list{gap:.3rem;max-height:210px}.teacher-student-result{border-radius:12px;padding:.46rem .52rem}.teacher-student-result span strong{font-size:.76rem}.teacher-student-result span em{font-size:.64rem}.teacher-student-result-empty,.teacher-student-hint{padding:.5rem .55rem;font-size:.7rem}}.teacher-search-field input[type=search]{padding-right:.75rem}.teacher-toast{left:50%;bottom:calc(5.85rem + env(safe-area-inset-bottom));z-index:9999;color:#0f172a;background:#fffffffa;border:1px solid #cbd5e1;border-radius:17px;grid-template-columns:26px minmax(0,1fr) 24px;align-items:center;gap:.48rem;width:min(92vw,420px);padding:.66rem .72rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 42px #0f172a2e}.teacher-toast>span{border-radius:999px;place-items:center;width:26px;height:26px;font-size:.82rem;font-weight:900;display:inline-grid}.teacher-toast strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:.82rem;line-height:1.25}.teacher-toast button{color:#475569;width:24px;box-shadow:none;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;padding:0;font-size:1rem;font-weight:900;min-height:24px!important}.teacher-toast.success{background:#f0fdf4;border-color:#bbf7d0}.teacher-toast.success>span{color:#fff;background:#22c55e}.teacher-toast.error{background:#fef2f2;border-color:#fecaca}.teacher-toast.error>span{color:#fff;background:#ef4444}.teacher-status-summary>div strong{transition:transform .12s,color .12s}.teacher-status-summary>div:has(strong) strong{font-variant-numeric:tabular-nums}.teacher-kbm-table input[type=radio]{cursor:pointer}@media (width<=760px){.teacher-toast{bottom:calc(5.35rem + env(safe-area-inset-bottom));border-radius:15px;grid-template-columns:24px minmax(0,1fr) 22px;gap:.4rem;padding:.58rem .62rem}.teacher-toast>span{width:24px;height:24px;font-size:.76rem}.teacher-toast strong{font-size:.76rem}.teacher-toast button{width:22px;font-size:.92rem;min-height:22px!important}}.teacher-history-toggle{align-items:center;gap:.32rem;display:inline-flex}.teacher-history-toggle small{color:#fff;background:#0f766e;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:.25rem;font-size:.64rem;font-weight:900;display:inline-grid}.teacher-journal-history-box{background:linear-gradient(#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:14px;gap:.45rem;padding:.55rem;display:grid}.teacher-journal-history-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.teacher-journal-history-head strong{color:#0f172a;font-size:.78rem}.teacher-history-refresh,.teacher-journal-history-item button{color:#0f766e;box-shadow:none;background:#ecfeff;border-radius:999px;padding:.3rem .5rem;font-size:.68rem;font-weight:900;min-height:28px!important}.teacher-journal-history-empty{color:#64748b;background:#f8fafc;border-radius:11px;padding:.45rem .5rem;font-size:.76rem}.teacher-journal-history-list{gap:.38rem;max-height:190px;padding-right:.12rem;display:grid;overflow:auto}.teacher-journal-history-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.5rem;display:grid}.teacher-journal-history-item div{gap:.15rem;min-width:0;display:grid}.teacher-journal-history-item span{color:#0f766e;font-size:.68rem;font-weight:900}.teacher-journal-history-item strong{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.25;display:-webkit-box;overflow:hidden}.teacher-journal-history-item small{color:#64748b;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=760px){.teacher-history-toggle{padding:.3rem .45rem;font-size:.66rem;min-height:28px!important}.teacher-journal-history-box{border-radius:12px;padding:.45rem}.teacher-journal-history-head strong{font-size:.72rem}.teacher-journal-history-list{max-height:166px}.teacher-journal-history-item{gap:.35rem;padding:.42rem}.teacher-journal-history-item strong{font-size:.72rem}.teacher-journal-history-item button,.teacher-history-refresh{padding:.28rem .42rem;font-size:.62rem;min-height:26px!important}}.teacher-mobile-attendance-card{overflow:hidden}.teacher-mobile-attendance-head{align-items:center}.teacher-mobile-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem;display:grid}.teacher-mobile-attendance-status,.teacher-location-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:.78rem}.teacher-mobile-attendance-status{gap:.18rem;display:grid}.teacher-mobile-attendance-status span,.teacher-location-box span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.teacher-mobile-attendance-status strong,.teacher-location-box strong{color:#0f172a;font-size:1rem;line-height:1.25}.teacher-mobile-attendance-status small,.teacher-location-box small,.teacher-mobile-attendance-help,.teacher-gps-note{color:#64748b;font-size:.78rem;line-height:1.35}.teacher-location-box{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.teacher-location-box div{gap:.16rem;min-width:0;display:grid}.teacher-location-box button{white-space:nowrap;border-radius:12px;min-height:38px;padding:.55rem .75rem}.teacher-mobile-attendance-button{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);border:0;border-radius:18px;width:100%;min-height:52px;margin-top:.65rem;font-size:1rem;font-weight:900;box-shadow:0 16px 34px #0f766e2e}.teacher-mobile-attendance-button:disabled{opacity:.65;cursor:not-allowed}.teacher-gps-note{color:#155e75;background:#ecfeff;border-radius:14px;margin-bottom:.5rem;padding:.5rem .65rem;font-weight:700}.compact-alert{border-radius:14px;margin-bottom:.55rem;padding:.65rem .75rem}.attendance-location-actions{background:#f0fdfa;border:1px dashed #99f6e4;border-radius:16px;gap:.35rem;padding:.75rem;display:grid}.attendance-location-actions button{width:max-content}.attendance-location-actions small,.form-section-title span{color:#64748b;font-size:.82rem}.form-section-title{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:.15rem;padding:.75rem;display:grid}.form-section-title strong{color:#0f172a}.attendance-location-detail strong{overflow-wrap:anywhere}@media (width<=760px){.teacher-mobile-attendance-head h2{font-size:1rem}.teacher-mobile-attendance-head p{font-size:.8rem}.teacher-mobile-attendance-grid{grid-template-columns:1fr}.teacher-location-box{display:grid}.teacher-location-box button,.attendance-location-actions button{width:100%}.teacher-mobile-attendance-button{border-radius:16px;min-height:48px;font-size:.94rem}}.teacher-out-radius-box,.teacher-permission-card{background:#fff7ed;border:1px solid #fed7aa}.teacher-out-radius-box{border-radius:16px;gap:.5rem;margin:.65rem 0;padding:.75rem;display:grid}.teacher-out-radius-box strong{color:#9a3412;font-size:.9rem}.teacher-out-radius-box span,.teacher-out-radius-box small{color:#7c2d12;font-size:.8rem;line-height:1.35}.teacher-out-radius-box textarea,.teacher-permission-form textarea,.teacher-permission-form input[type=date],.teacher-file-field input[type=file]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.65rem .75rem;font-size:.88rem}.teacher-mobile-attendance-button.compact{border-radius:14px;min-height:42px;margin-top:0;font-size:.86rem}.teacher-permission-card{margin-top:.8rem}.teacher-permission-form{gap:.75rem;display:grid}.teacher-permission-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.teacher-permission-status-grid label{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;place-items:center;min-height:42px;font-size:.82rem;font-weight:900;display:grid}.teacher-permission-status-grid label.active{color:#134e4a;background:#ccfbf1;border-color:#0f766e}.teacher-permission-status-grid input{opacity:0;pointer-events:none;position:absolute}.permission-grid{margin-top:0}.teacher-file-field small,.teacher-letter-note{font-weight:800;color:#0f766e!important}@media (width<=760px){.teacher-permission-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-out-radius-box,.teacher-permission-card{border-radius:18px}.teacher-permission-status-grid label{min-height:38px;font-size:.78rem}}