: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{.designer-draggable:after,.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}}.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}}.rekap-kbm-table{min-width:1180px}.rekap-kbm-table th,.rekap-kbm-table td{white-space:nowrap;font-size:.86rem}.rekap-kbm-table .rekap-kbm-jurnal-cell{white-space:normal;min-width:260px;max-width:360px}.rekap-kbm-jurnal-cell strong,.rekap-kbm-jurnal-cell small{display:block}.rekap-kbm-jurnal-cell small{color:#64748b;margin-top:.2rem}.rekap-kbm-journal-panel{box-shadow:none;border-radius:18px;margin:1rem 0}.rekap-kbm-journal-panel h3{margin:0 0 .65rem}.rekap-kbm-journal-panel p{margin:.35rem 0}.pagination-row{color:#64748b;justify-content:flex-end;align-items:center;gap:.65rem;padding-top:1rem;font-size:.9rem;display:flex}.status-badge.danger-badge{color:#991b1b;background:#fee2e2}.student-summary-card.danger-card{background:#fee2e2;border-color:#fecaca}.student-summary-card.danger-card span,.student-summary-card.danger-card small{color:#991b1b}.student-summary-card.danger-card strong{color:#7f1d1d}@media (width<=720px){.pagination-row{justify-content:space-between}}.violation-header-actions{justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.violation-filter-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:20px;gap:.85rem;margin:1rem 0 .9rem;padding:.9rem;display:grid;box-shadow:inset 0 1px #ffffffb3}.violation-filter-main{grid-template-columns:minmax(230px,1.45fr) repeat(4,minmax(135px,1fr));align-items:end;gap:.65rem;display:grid}.violation-filter-card label{gap:.28rem;min-width:0;display:grid}.violation-filter-card label span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:800}.violation-filter-card input,.violation-filter-card select{border-radius:13px;width:100%;min-height:42px;font-size:.9rem}.violation-filter-actions{border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;padding-top:.7rem;display:flex}.violation-filter-actions button,.violation-header-actions button{white-space:nowrap;min-height:40px}.violation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:.95rem 0 1rem;display:grid}.violation-summary-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:.85rem .95rem;box-shadow:0 10px 24px #0f172a0e}.violation-summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800;display:block}.violation-summary-card strong{color:#0f172a;margin-top:.22rem;font-size:1.45rem;line-height:1.05;display:block}.violation-summary-card small{color:#64748b;margin-top:.28rem;font-size:.76rem;display:block}@media (width<=1180px){.violation-filter-main{grid-template-columns:repeat(4,minmax(0,1fr))}.violation-search-field{grid-column:1/-1}}@media (width<=900px){.violation-header-actions{justify-content:stretch}.violation-header-actions button{width:100%}.violation-filter-main,.violation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.violation-filter-card{border-radius:18px;padding:.75rem}.violation-filter-main{grid-template-columns:1fr;gap:.55rem}.violation-filter-actions{grid-template-columns:1fr 1fr;display:grid}.violation-filter-actions .success-button{grid-column:1/-1}.violation-summary-grid{grid-template-columns:1fr 1fr;gap:.55rem}.violation-summary-card{border-radius:16px;padding:.72rem}.violation-summary-card strong{font-size:1.25rem}.violation-summary-card small{display:none}}.violation-create-form{gap:.9rem;display:grid}.violation-create-step{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;gap:.7rem;padding:.9rem;display:grid}.violation-create-step.blue-step{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.violation-step-title{gap:.16rem;display:grid}.violation-step-title strong{color:#0f172a;font-size:.96rem}.violation-step-title span{color:#64748b;font-size:.82rem;line-height:1.35}.violation-student-search-box{gap:.55rem;display:grid}.violation-create-field{gap:.28rem;display:grid}.violation-create-field.full{grid-column:1/-1}.violation-create-field>span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.73rem;font-weight:850}.violation-create-field input,.violation-create-field select,.violation-create-field textarea{border-radius:13px;width:100%;min-height:42px;font-size:.9rem}.violation-create-field textarea{resize:vertical;min-height:82px}.violation-selected-student{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;justify-content:space-between;align-items:center;gap:.8rem;padding:.68rem .75rem;display:flex}.violation-selected-student div{gap:.13rem;min-width:0;display:grid}.violation-selected-student small{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:850}.violation-selected-student strong{color:#0f172a;overflow-wrap:anywhere;font-size:.9rem;line-height:1.25}.violation-selected-student span{color:#166534;overflow-wrap:anywhere;font-size:.76rem;font-weight:800;line-height:1.25}.violation-selected-student button{color:#166534;cursor:pointer;white-space:nowrap;background:#dcfce7;border:0;border-radius:999px;padding:.42rem .68rem;font-size:.74rem;font-weight:900}.violation-student-result-list{gap:.38rem;max-height:250px;padding-right:.1rem;display:grid;overflow:auto}.violation-student-result{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.56rem .66rem;display:flex}.violation-student-result span{overflow-wrap:anywhere;gap:.13rem;min-width:0;line-height:1.25;display:grid}.violation-student-result span strong{color:#0f172a;font-size:.84rem;font-weight:900}.violation-student-result span em{color:#64748b;font-size:.72rem;font-style:normal;font-weight:750}.violation-student-result small{color:#0f766e;white-space:nowrap;background:#ecfeff;border-radius:999px;padding:.23rem .48rem;font-size:.67rem;font-weight:900}.violation-student-result-empty,.violation-student-hint{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:.62rem .7rem;font-size:.78rem}.violation-create-grid{grid-template-columns:minmax(0,1.25fr) minmax(120px,.35fr) minmax(150px,.45fr);align-items:end;gap:.65rem;display:grid}.violation-selected-type{background:#eff6ff;border:1px solid #dbeafe;border-radius:15px;gap:.12rem;padding:.65rem .75rem;display:grid}.violation-selected-type span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:850}.violation-selected-type strong{color:#1e3a8a;font-size:.86rem}.violation-selected-type small{color:#475569;font-size:.74rem}@media (width<=760px){.violation-create-step{border-radius:18px;padding:.75rem}.violation-create-grid{grid-template-columns:1fr 1fr}.violation-create-grid .violation-create-field.full:first-child{grid-column:1/-1}.violation-selected-student{border-radius:14px;padding:.56rem .6rem}.violation-selected-student strong{font-size:.8rem}.violation-selected-student span{font-size:.68rem}.violation-student-result-list{max-height:220px}.violation-student-result{border-radius:13px;padding:.5rem .56rem}}@media (width<=520px){.violation-create-grid{grid-template-columns:1fr}.violation-create-field.full,.violation-create-grid .violation-create-field.full:first-child{grid-column:auto}.violation-create-field input,.violation-create-field select,.violation-create-field textarea{border-radius:12px;min-height:40px;font-size:.86rem}.violation-step-title strong{font-size:.88rem}.violation-step-title span,.violation-student-result-empty,.violation-student-hint{font-size:.72rem}}.rekap-pelanggaran-table{min-width:980px}.rekap-pelanggaran-table th,.rekap-pelanggaran-table td{white-space:nowrap;font-size:.88rem}.rekap-pelanggaran-category-cell{color:#475569;max-width:260px;white-space:normal!important}.teaching-journal-filter .violation-filter-main{grid-template-columns:minmax(240px,1.5fr) repeat(6,minmax(120px,1fr))}.teaching-journal-summary .violation-summary-card strong{color:#0f172a}.wide-cell{white-space:normal;min-width:220px;max-width:360px}.teaching-journal-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.detail-mini-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:.85rem}.detail-mini-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800;display:block}.detail-mini-card strong{color:#0f172a;margin-top:.25rem;font-size:1rem;display:block}.detail-mini-card small{color:#64748b;margin-top:.15rem;display:block}.teaching-journal-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:.75rem;padding:.9rem}.teaching-journal-detail-section h3{margin:0 0 .45rem;font-size:.95rem}.teaching-journal-detail-section p{color:#334155;white-space:pre-wrap;margin:0;line-height:1.55}.compact-status-row{flex-wrap:wrap;gap:.45rem;display:flex}.compact-status-row span{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:.25rem;padding:.38rem .62rem;font-size:.82rem;display:inline-flex}@media (width<=1180px){.teaching-journal-filter .violation-filter-main{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.teaching-journal-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.teaching-journal-filter .violation-filter-main,.teaching-journal-detail-grid{grid-template-columns:1fr}.wide-cell{min-width:180px}}.muted-panel{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;margin-top:1rem}.muted-panel p{margin:0}.module-setting-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.module-setting-toolbar>div{flex:1;min-width:220px}.module-setting-toolbar select{max-width:360px}.module-setting-toolbar p{color:var(--muted);margin:.45rem 0 0;font-size:.9rem}.module-setting-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.module-setting-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:1rem}.module-setting-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.85rem;padding-bottom:.85rem;display:flex}.module-setting-card h2{margin:0;font-size:1.05rem}.module-setting-card p{color:var(--muted);margin:.35rem 0;font-size:.88rem}.module-setting-card small{color:var(--muted)}.switch-row,.module-feature-toggle{align-items:center;gap:.55rem;display:flex}.module-switch{color:var(--primary-dark);flex:none;font-size:.82rem;font-weight:700}.module-feature-list{gap:.55rem;margin-top:.85rem;display:grid}.module-feature-toggle{border:1px solid var(--border);cursor:pointer;background:#f8fafc;border-radius:14px;justify-content:flex-start;padding:.62rem .7rem}.module-feature-toggle input,.module-switch input{width:18px;height:18px;accent-color:var(--primary)}.module-feature-toggle span{gap:.12rem;display:grid}.module-feature-toggle strong{font-size:.9rem}.module-feature-toggle small{word-break:break-word;font-size:.74rem}.success-alert{color:#166534;background:#ecfdf5;border-color:#bbf7d0}@media (width<=720px){.module-setting-toolbar,.module-setting-card-head{flex-direction:column;align-items:stretch}.module-setting-toolbar select,.module-setting-toolbar .button-link{width:100%;max-width:none}.module-setting-grid{grid-template-columns:1fr}}.info-alert{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.dashboard-hero,.site-map-hero{background:radial-gradient(circle at 100% 0,#14b8a63d,#0000 34%),linear-gradient(135deg,#fff 0%,#f0fdfa 48%,#ecfeff 100%);border:1px solid #0f766e24;border-radius:30px;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 26px 70px #0f172a14}.dashboard-hero:after,.site-map-hero:after{content:"";background:#0f766e1a;border-radius:999px;width:260px;height:260px;position:absolute;bottom:-110px;right:-70px}.dashboard-hero>*,.site-map-hero>*{z-index:1;position:relative}.dashboard-hero h1,.site-map-hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,6vw,4rem);line-height:.95}.dashboard-hero p,.site-map-hero p{color:#475569;max-width:720px}.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.finance-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.finance-overview-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:26px;gap:.35rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.finance-overview-card:after{content:"";background:#0f766e17;border-radius:999px;width:130px;height:130px;position:absolute;top:-42px;right:-38px}.finance-overview-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:800}.finance-overview-card strong{letter-spacing:-.03em;color:#0f172a;font-size:clamp(1.45rem,3vw,2.1rem)}.finance-overview-card small{color:#64748b}.finance-overview-card.primary{background:linear-gradient(135deg,#f0fdfa,#fff);border-color:#14b8a647}.finance-overview-card.success-card{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e38}.finance-overview-card.warning-card-soft{color:inherit;background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b3d}.dashboard-counter-section{gap:1rem;display:grid}.compact-title{margin-bottom:0}.dashboard-counter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.system-counter-card{isolation:isolate;background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 36%),#fff;border:1px solid #e2e8f0eb;border-radius:26px;align-content:space-between;gap:.85rem;min-height:165px;padding:1.1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 46px #0f172a0f}.system-counter-card:before{content:"";opacity:.8;background:linear-gradient(#14b8a6,#0f766e);width:5px;position:absolute;inset:0 auto 0 0}.counter-group{color:#134e4a;text-transform:uppercase;letter-spacing:.06em;background:#ccfbf1;border-radius:999px;width:fit-content;padding:.28rem .55rem;font-size:.72rem;font-weight:900;display:inline-flex}.system-counter-card h2{margin:.55rem 0 .2rem;font-size:1rem}.system-counter-card p{color:#64748b;margin:0;font-size:.88rem}.system-counter-card strong{letter-spacing:-.04em;color:#0f172a;font-size:2.25rem;line-height:1}.card-grid{align-items:stretch}.module-card{isolation:isolate;background:radial-gradient(circle at calc(100% - 18px) 20px,#14b8a62e,#0000 26%),linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0e6;border-radius:28px;gap:.85rem;min-height:190px;padding:1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a12}.module-card:before{content:"";opacity:.95;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:16px;width:42px;height:42px;position:absolute;top:1.25rem;left:1.25rem;box-shadow:0 14px 28px #0f766e38}.module-card:after{content:"↗";color:#fff;place-items:center;width:42px;height:42px;font-weight:900;display:grid;position:absolute;top:1.25rem;left:1.25rem}.module-card:hover{border-color:#14b8a661;transform:translateY(-5px);box-shadow:0 30px 72px #0f172a21}.module-card h2{letter-spacing:-.02em;margin:3.1rem 0 0;font-size:1.18rem;line-height:1.15}.module-card p{color:#64748b;min-height:0;margin:0}.module-card ul{color:#334155;margin:0;padding-left:1.1rem;font-size:.9rem}.module-card li+li{margin-top:.2rem}.module-card .link-hint,.link-hint{color:#0f766e;background:#f0fdfa;border-radius:999px;align-items:center;gap:.35rem;width:fit-content;margin-top:auto;padding:.45rem .72rem;font-size:.88rem;font-weight:900;display:inline-flex}.module-card-badge{color:#334155;background:#0f172a0d;border-radius:999px;place-items:center;min-width:38px;height:28px;padding:0 .55rem;font-size:.76rem;font-weight:900;display:inline-grid;position:absolute;top:1.15rem;right:1.15rem}.site-map-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.sitemap-card{min-height:255px}.dashboard-mini-stats .stat{position:relative;overflow:hidden}.dashboard-mini-stats .stat small{color:#64748b}@media (width<=1180px){.dashboard-counter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.dashboard-hero,.site-map-hero{flex-direction:column;align-items:stretch}.dashboard-hero-actions{justify-content:stretch}.dashboard-hero-actions .button-link{flex:auto}.finance-overview-grid,.dashboard-counter-grid,.site-map-grid{grid-template-columns:1fr}.system-counter-card{min-height:138px}.module-card{min-height:170px}}.student-page{max-width:980px;margin:0 auto;padding-bottom:5.8rem}.student-hero{color:#eff6ff;background:linear-gradient(135deg,#2563eb,#172554);border:1px solid #bfdbfeeb;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 #2563eb2e}.student-hero:after{content:"";background:#ffffff21;border-radius:999px;width:180px;height:180px;position:absolute;top:-72px;right:-52px}.student-hero h1{z-index:1;color:#fff;margin:.2rem 0;font-size:clamp(1.42rem,6vw,2.2rem);line-height:1.12;position:relative}.student-hero p{z-index:1;color:#dbeafe;margin:0;position:relative}.student-hero .eyebrow{color:#bfdbfe!important}.student-date-card{z-index:1;color:#dbeafe;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;align-content:center;gap:.25rem;min-width:150px;padding:1rem;display:grid;position:relative}.student-date-card strong{color:#fff;font-size:1.08rem}.student-tabs{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e2e8f0f5;border-radius:22px;grid-template-columns:repeat(6,minmax(0,1fr));gap:.42rem;margin-bottom:1rem;padding:.48rem;display:grid;position:sticky;top:0;box-shadow:0 18px 45px #0f172a14}.student-tabs button{color:#334155;min-height:44px;box-shadow:none;background:#f1f5f9;border:0;border-radius:16px;padding:.65rem .35rem;font-size:.78rem;font-weight:900}.student-tabs button.active{color:#fff;background:#2563eb}.student-card,.student-stats div{background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:24px;box-shadow:0 18px 48px #0f172a12}.student-id-card .student-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.student-card-head h2{color:#0f172a;margin:0;font-size:1.12rem}.student-card-head p{color:#64748b;margin:.25rem 0 0}.student-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.student-stats div{gap:.22rem;padding:.95rem;display:grid}.student-stats span{color:#64748b;font-size:.82rem}.student-stats strong{color:#0f172a;font-size:1.55rem}.student-list,.student-day-list{gap:.72rem;display:grid}.student-schedule-item,.student-record-item{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.82rem;display:grid}.student-schedule-item strong,.student-record-item strong{color:#0f172a;display:block}.student-schedule-item span,.student-schedule-item small,.student-record-item span,.student-record-item small{color:#64748b;font-size:.86rem;line-height:1.35;display:block}.student-mini-button{color:#1d4ed8;box-shadow:none;background:#dbeafe;border-radius:999px;padding:.62rem .82rem;font-size:.82rem;font-weight:900}.student-day-group{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.38rem}.student-day-group summary{cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem;font-weight:900;display:flex}.student-day-group summary span{color:#64748b;font-size:.84rem}.student-filter-head{align-items:end}.student-filter{grid-template-columns:140px 140px auto;align-items:end;gap:.5rem;display:grid}.student-filter button{white-space:nowrap;padding:.7rem .9rem}.student-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:.32rem .65rem;font-size:.78rem;font-style:normal;font-weight:900;display:inline-flex}.student-badge.success{color:#166534;background:#dcfce7}.student-badge.warning{color:#92400e;background:#fef3c7}.student-badge.info{color:#1d4ed8;background:#dbeafe}.student-badge.danger{color:#991b1b;background:#fee2e2}.student-badge.muted{color:#64748b;background:#f1f5f9}.student-kbm-summary,.student-finance-strip,.student-warning-summary{gap:.65rem;margin-bottom:.85rem;display:grid}.student-kbm-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.student-finance-strip,.student-warning-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.student-warning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-kbm-summary div,.student-finance-strip div,.student-warning-summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:.14rem;padding:.82rem;display:grid}.student-kbm-summary span,.student-finance-strip span,.student-warning-summary span{color:#64748b;font-size:.76rem;font-weight:800}.student-kbm-summary strong,.student-finance-strip strong,.student-warning-summary strong{color:#0f172a;font-size:1.1rem}.student-kbm-summary small{color:#64748b;font-size:.72rem}.student-section-title{justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0 .65rem;display:flex}.student-section-title h3{margin:0;font-size:1rem}.student-section-title span{color:#64748b;font-size:.82rem;font-weight:800}@media (width<=760px){body:has(.student-mobile-shell){background:#f8fafc}.student-page{max-width:none;padding-bottom:0}.student-hero{border-radius:26px;grid-template-columns:1fr;gap:.85rem;padding:1rem}.student-date-card{border-radius:20px;min-width:0;padding:.85rem}.student-tabs{left:.65rem;right:.65rem;bottom:calc(.55rem + env(safe-area-inset-bottom));border-radius:24px;grid-template-columns:repeat(6,minmax(0,1fr));gap:.28rem;margin:0;padding:.42rem;position:fixed;top:auto;box-shadow:0 22px 55px #0f172a2e}.student-tabs button{border-radius:17px;min-height:48px;padding:.44rem .1rem;font-size:.64rem;line-height:1.06}.student-tabs button:first-child:before{content:"🏠";margin-bottom:.12rem;font-size:.9rem;display:block}.student-tabs button:nth-child(2):before{content:"📅";margin-bottom:.12rem;font-size:.9rem;display:block}.student-tabs button:nth-child(3):before{content:"✅";margin-bottom:.12rem;font-size:.9rem;display:block}.student-tabs button:nth-child(4):before{content:"📘";margin-bottom:.12rem;font-size:.9rem;display:block}.student-tabs button:nth-child(5):before{content:"⚠️";margin-bottom:.12rem;font-size:.9rem;display:block}.student-tabs button:nth-child(6):before{content:"💳";margin-bottom:.12rem;font-size:.9rem;display:block}.student-stats{scroll-snap-type:x proximity;gap:.65rem;margin-inline:-.75rem;padding-inline:.75rem;display:flex;overflow-x:auto}.student-stats div{scroll-snap-align:start;flex:0 0 150px}.student-card{border-radius:24px;padding:.9rem}.student-card-head{gap:.35rem;display:grid}.student-schedule-item,.student-record-item{grid-template-columns:1fr;align-items:stretch;padding:.8rem}.student-badge{width:max-content}.student-filter{grid-template-columns:1fr;width:100%}.student-filter input,.student-filter button{width:100%}.student-kbm-summary{gap:.55rem;margin-inline:-.25rem;padding:0 .25rem .2rem;display:flex;overflow-x:auto}.student-kbm-summary div{flex:0 0 88px}.student-finance-strip,.student-warning-summary{grid-template-columns:1fr}}@media (width<=390px){.student-tabs button{font-size:.58rem}}.student-page{max-width:920px;padding:.15rem .15rem 5.4rem}.student-hero{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 70%,#2563eb 100%);border-color:#2563eb24;border-radius:20px;margin-bottom:.72rem;padding:.78rem .85rem;box-shadow:0 14px 34px #2563eb29}.student-hero:after{opacity:.72;width:165px;height:165px;top:-88px;right:-72px}.student-hero .eyebrow{letter-spacing:.11em;margin-bottom:.16rem!important;font-size:.66rem!important}.student-hero h1{letter-spacing:-.025em;margin:.08rem 0 .14rem;font-size:clamp(1rem,4.6vw,1.38rem)}.student-hero p{opacity:.92;max-width:64ch;font-size:.76rem;line-height:1.35}.student-date-card{background:#ffffff1a;border-radius:16px;align-content:center;gap:.12rem;min-width:124px;padding:.68rem .72rem}.student-date-card span{opacity:.88;font-size:.68rem}.student-date-card strong{font-size:.84rem;line-height:1.25}.student-tabs{border-radius:18px;gap:.35rem;margin-bottom:.72rem;padding:.34rem;box-shadow:0 10px 28px #0f172a12}.student-tabs button{letter-spacing:-.01em;border-radius:13px;min-height:36px;padding:.46rem .3rem;font-size:.7rem}.student-tabs button.active{background:#1d4ed8}.student-card,.student-stats div{border-color:#cbd5e1b8;border-radius:18px;box-shadow:0 9px 22px #0f172a0e}.student-card{margin-bottom:.72rem;padding:.74rem}.student-card-head{background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 55%,#f0fdfa 100%);border:1px solid #bfdbfecc;border-radius:16px;gap:.55rem;margin-bottom:.62rem;padding:.72rem .78rem}.student-card-head h2{letter-spacing:-.01em;font-size:.96rem}.student-card-head p{margin-top:.13rem;font-size:.75rem;line-height:1.32}.student-stats{gap:.52rem;margin-bottom:.72rem}.student-stats div{min-height:68px;padding:.63rem .68rem}.student-stats span{font-size:.68rem;line-height:1.18}.student-stats strong{font-size:1.18rem;line-height:1.05}.student-list,.student-day-list{gap:.46rem}.student-schedule-item,.student-record-item{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#e5e7eb;border-radius:14px;gap:.55rem;padding:.56rem .62rem}.student-schedule-item strong,.student-record-item strong{font-size:.84rem;line-height:1.18}.student-schedule-item span,.student-schedule-item small,.student-record-item span,.student-record-item small{margin-top:.08rem;font-size:.72rem;line-height:1.28}.student-mini-button{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;min-height:32px;padding:.43rem .62rem;font-size:.72rem}.student-day-group{border-radius:15px;padding:.22rem}.student-day-group summary{padding:.54rem .6rem;font-size:.82rem}.student-day-group summary span{font-size:.7rem}.student-filter{grid-template-columns:126px 126px auto;gap:.36rem}.student-filter input,.student-filter button{border-radius:11px;min-height:34px;font-size:.74rem}.student-filter input{padding:.42rem .5rem}.student-filter button{padding:.42rem .64rem;font-size:.72rem}.student-badge{border-radius:999px;min-height:24px;padding:.24rem .48rem;font-size:.68rem;line-height:1}.student-kbm-summary,.student-finance-strip,.student-warning-summary{gap:.42rem;margin-bottom:.58rem}.student-kbm-summary div,.student-finance-strip div,.student-warning-summary div{border-radius:13px;padding:.5rem .52rem}.student-kbm-summary span,.student-finance-strip span,.student-warning-summary span{font-size:.62rem;line-height:1.12}.student-kbm-summary strong,.student-finance-strip strong,.student-warning-summary strong{font-size:.86rem;line-height:1.08}.student-kbm-summary small{font-size:.6rem}.student-section-title{gap:.45rem;margin:.78rem 0 .44rem}.student-section-title h3{font-size:.86rem}.student-section-title span{font-size:.68rem}.compact-empty,.student-card .empty{font-size:.78rem;border-radius:13px!important;padding:.68rem!important}.bill-record .student-badge,.payment-record .student-badge{min-width:82px}@media (width<=760px){.student-page{padding:.55rem .62rem calc(4.55rem + env(safe-area-inset-bottom))}.student-hero{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.52rem;padding:.7rem .76rem}.student-hero h1{font-size:1.02rem}.student-hero p{font-size:.68rem}.student-date-card{text-align:right;border-radius:13px;min-width:88px;padding:.48rem .5rem}.student-date-card span{font-size:.56rem}.student-date-card strong{font-size:.68rem}.student-tabs{left:.48rem;right:.48rem;bottom:calc(.42rem + env(safe-area-inset-bottom));background:#fffffff7;border-radius:18px;gap:.16rem;padding:.28rem;box-shadow:0 15px 36px #0f172a2e}.student-tabs button{border-radius:13px;min-height:38px;padding:.34rem .06rem;font-size:.58rem;font-weight:900}.student-tabs button:before{content:none!important;display:none!important}.student-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.student-stats div{border-radius:14px;flex:none;min-width:0;min-height:58px;padding:.48rem .38rem}.student-stats span{font-size:.54rem}.student-stats strong{font-size:1rem}.student-card{border-radius:16px;margin-bottom:.58rem;padding:.62rem}.student-card-head{border-radius:14px;align-items:flex-start;margin-bottom:.5rem;padding:.58rem .62rem;display:flex}.student-filter-head{gap:.45rem;display:grid}.student-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px;gap:.3rem;width:100%}.student-filter input,.student-filter button{border-radius:9px;width:100%;min-height:31px;padding:.34rem .4rem;font-size:.66rem}.student-filter button{padding-inline:.2rem}.student-schedule-item,.student-record-item{border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:.5rem .54rem}.student-schedule-item strong,.student-record-item strong{font-size:.78rem}.student-schedule-item span,.student-schedule-item small,.student-record-item span,.student-record-item small{font-size:.66rem}.student-badge{text-align:center;white-space:normal;width:auto;max-width:98px;padding:.23rem .42rem;font-size:.62rem;line-height:1.08}.student-mini-button{min-height:29px;padding:.34rem .5rem;font-size:.66rem}.student-day-group{border-radius:13px}.student-day-group summary{padding:.45rem .5rem;font-size:.76rem}.student-kbm-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:.32rem;margin-inline:0;padding:0;display:grid;overflow:visible}.student-kbm-summary div{text-align:center;border-radius:12px;flex:none;min-width:0;padding:.38rem .2rem}.student-kbm-summary strong{font-size:.8rem}.student-kbm-summary small{display:none}.student-finance-strip,.student-warning-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem;display:grid}.student-warning-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-finance-strip div,.student-warning-summary div{min-width:0;padding:.42rem .38rem}.student-finance-strip span,.student-warning-summary span{font-size:.55rem}.student-finance-strip strong,.student-warning-summary strong{word-break:break-word;font-size:.7rem}}@media (width<=390px){.student-page{padding-inline:.48rem}.student-hero{grid-template-columns:1fr}.student-date-card{text-align:left;justify-self:stretch}.student-tabs button{font-size:.52rem}.student-stats span{display:none}.student-stats div{place-items:center;min-height:42px}.student-stats strong{font-size:.92rem}}.student-card,.student-stats div{background:linear-gradient(#fffffffc,#f8fafcfa);border-color:#94a3b86b}.student-stats div{position:relative;overflow:hidden}.student-stats div:before{content:"";background:linear-gradient(#2563eb,#22c55e);width:4px;position:absolute;inset:0 auto 0 0}.student-stats span,.student-finance-strip span,.student-kbm-summary span{color:#334155}.student-stats strong,.student-card-head h2,.student-record-item strong{color:#0f172a}.finance-card-soft{background:linear-gradient(135deg,#fff 0%,#eff6ff 54%,#ecfeff 100%)!important}.attendance-month-summary div:first-child{background:#f0fdf4;border-color:#bbf7d0}.attendance-month-summary div:nth-child(2){background:#fffbeb;border-color:#fde68a}.attendance-month-summary div:nth-child(3),.attendance-month-summary div:nth-child(4){background:#eff6ff;border-color:#bfdbfe}.attendance-month-summary div:nth-child(5){background:#fef2f2;border-color:#fecaca}.violation-total-top .danger-total{background:linear-gradient(135deg,#fee2e2,#fff1f2);border-color:#fca5a5}.violation-total-top .danger-total span,.violation-total-top .danger-total strong{color:#b91c1c}.student-payment-upload{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:16px;gap:.65rem;margin:.8rem 0 .9rem;padding:.75rem;display:grid}.student-payment-upload h3{color:#0f172a;margin:0;font-size:.92rem}.student-payment-upload p{color:#475569;margin:.18rem 0 0;font-size:.74rem;line-height:1.35}.student-payment-upload form{grid-template-columns:1.2fr .85fr 1fr;align-items:end;gap:.5rem;display:grid}.student-payment-upload label{color:#334155;gap:.22rem;font-size:.68rem;font-weight:900;display:grid}.student-payment-upload input,.student-payment-upload select{border:1px solid #cbd5e1;border-radius:11px;min-height:36px;padding:.45rem .55rem;font-size:.78rem}.student-payment-upload .payment-note-field{grid-column:span 2}.student-payment-upload button{border-radius:12px;min-height:36px;padding:.45rem .75rem;font-size:.78rem}.student-pay-alert{border-radius:12px;padding:.5rem .62rem;font-size:.74rem;font-weight:800}.student-pay-alert.success{color:#166534;background:#dcfce7}.student-pay-alert.danger{color:#991b1b;background:#fee2e2}.bill-actions{justify-items:end;gap:.32rem;display:grid}.transfer-verification-panel{margin-bottom:1rem}.transfer-verification-list{gap:.65rem;display:grid}.transfer-verification-item{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #dbeafe;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;padding:.85rem;display:grid}.transfer-verification-item strong{color:#0f172a}.transfer-verification-item span,.transfer-verification-item small{color:#475569;margin-top:.15rem;display:block}.transfer-verification-actions{align-content:center;justify-items:end;gap:.45rem;display:grid}@media (width<=760px){.student-payment-upload form{grid-template-columns:1fr}.student-payment-upload .payment-note-field{grid-column:auto}.bill-actions{justify-items:start}.transfer-verification-item{grid-template-columns:1fr}.transfer-verification-actions{justify-items:start}}.student-date-card{background:#ffffff2e!important;border-color:#ffffff47!important}.student-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.62rem;margin-bottom:.78rem;display:grid}.student-quick-card{text-align:left;color:#fff;border:0;border-radius:19px;align-content:space-between;gap:.16rem;min-height:88px;padding:.72rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 32px #0f172a21}.student-quick-card:after{content:"";background:#ffffff38;border-radius:999px;width:72px;height:72px;position:absolute;top:-24px;right:-26px}.student-quick-card span,.student-quick-card strong,.student-quick-card small{z-index:1;position:relative}.student-quick-card span{color:#fffffff0;font-size:.72rem;font-weight:900}.student-quick-card strong{color:#fff;font-size:1.55rem;line-height:1}.student-quick-card small{color:#ffffffd1;font-size:.66rem;font-weight:800}.student-card-clear,.student-card{background:#fffffffa!important;border-color:#94a3b85c!important}.finance-card-soft{background:linear-gradient(135deg,#fff 0%,#ecfeff 50%,#eff6ff 100%)!important;border-color:#0ea5e947!important}.student-payment-cart{background:radial-gradient(circle at 100% 0,#0ea5e929,#0000 12rem),linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:1px solid #0ea5e961;border-radius:19px;gap:.72rem;margin:.82rem 0 .95rem;padding:.82rem;display:grid;box-shadow:inset 0 1px #ffffffe6}.student-cart-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.student-cart-header h3{color:#0f172a;margin:0;font-size:.96rem}.student-cart-header p{color:#475569;margin:.16rem 0 0;font-size:.74rem;line-height:1.35}.student-cart-total{color:#cbd5e1;background:#0f172a;border-radius:16px;gap:.12rem;min-width:142px;padding:.68rem .75rem;display:grid}.student-cart-total span{text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:900}.student-cart-total strong{color:#fff;font-size:.92rem}.student-cart-empty{color:#075985;background:#f0f9ffe6;border:1px dashed #7dd3fc;border-radius:15px;padding:.7rem .76rem;font-size:.76rem;font-weight:800}.student-cart-lines{gap:.48rem;display:grid}.student-cart-line{background:#fff;border:1px solid #cbd5e1d6;border-radius:15px;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:.55rem;padding:.62rem;display:grid}.student-cart-line strong{color:#0f172a;font-size:.84rem;display:block}.student-cart-line span,.student-cart-line small{color:#64748b;font-size:.68rem;line-height:1.3;display:block}.student-cart-line label,.student-cart-form label{color:#334155;gap:.2rem;font-size:.66rem;font-weight:900;display:grid}.student-cart-line input,.student-cart-form input{border:1px solid #cbd5e1;border-radius:11px;width:100%;min-height:35px;padding:.43rem .52rem;font-size:.76rem}.student-remove-button{color:#991b1b;min-height:35px;box-shadow:none;background:#fee2e2;border-radius:11px;padding:.42rem .62rem;font-size:.72rem;font-weight:900}.student-cart-form{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) auto;align-items:end;gap:.52rem;display:grid}.student-cart-actions{justify-content:flex-end;align-items:center;gap:.42rem;display:flex}.student-cart-actions button{border-radius:12px;min-height:35px;padding:.43rem .72rem;font-size:.74rem}.cart-add-button[disabled]{opacity:1;color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.transfer-proof-button{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}@media (width<=760px){.student-home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.36rem}.student-quick-card{text-align:center;border-radius:15px;align-content:center;min-height:68px;padding:.52rem .38rem}.student-quick-card span{font-size:.56rem}.student-quick-card strong{font-size:1.05rem}.student-quick-card small{font-size:.52rem}.student-cart-header{grid-template-columns:1fr}.student-cart-total{min-width:0}.student-cart-line{grid-template-columns:1fr;align-items:stretch}.student-cart-form{grid-template-columns:1fr}.student-cart-actions{justify-content:stretch}.student-cart-actions button{flex:auto}}@media (width<=390px){.student-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-quick-card{min-height:72px}}.student-pending-cart{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:16px;gap:.55rem;padding:.7rem;display:grid}.student-pending-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.student-pending-head strong{color:#9a3412;font-size:.82rem}.student-pending-head span{color:#92400e;font-size:.68rem;font-weight:800}.student-pending-lines{gap:.42rem;display:grid}.student-pending-lines article{background:#ffffffd9;border:1px solid #fb923c47;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem;display:grid}.student-pending-lines strong{color:#0f172a;font-size:.8rem;display:block}.student-pending-lines span,.student-pending-lines small{color:#64748b;margin-top:.08rem;font-size:.66rem;display:block}.student-pending-lines em,.student-pending-note{font-style:normal;font-weight:900;color:#b45309!important}.cart-add-button[disabled]:has(+.student-badge){opacity:1}.transfer-detail-card{background:linear-gradient(135deg,#fff 0%,#eff6ff 65%,#f8fafc 100%);border-color:#bfdbfe;grid-template-columns:minmax(0,1fr) 210px}.transfer-main-info{gap:.68rem;display:grid}.transfer-title-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.transfer-title-row strong{font-size:1rem;display:block}.transfer-student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.transfer-student-grid>div{background:#ffffffd1;border:1px solid #94a3b852;border-radius:14px;padding:.6rem}.transfer-student-grid span,.transfer-proof-box span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.64rem;font-weight:900;display:block}.transfer-student-grid strong,.transfer-proof-box strong{color:#0f172a;margin-top:.12rem;font-size:.86rem;display:block}.transfer-address{background:#f1f5f9cc;border-radius:12px;padding:.45rem .55rem}.transfer-detail-lines{background:#ffffffe0;border:1px solid #93c5fda6;border-radius:15px;gap:.42rem;padding:.62rem;display:grid}.transfer-detail-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.transfer-detail-head strong{font-size:.82rem}.transfer-detail-head span{color:#2563eb;font-size:.68rem;font-weight:900}.transfer-detail-line{border-top:1px dashed #cbd5e1;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.48rem 0;display:grid}.transfer-detail-line>span{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:900;display:grid}.transfer-detail-line strong:last-child{color:#166534;white-space:nowrap}.transfer-proof-box{background:#f8fafc;border:1px solid #dbeafe;border-radius:15px;align-content:start;padding:.65rem}.proof-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.proof-modal{background:#fff;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(920px,96vw);max-height:92vh;display:grid;overflow:hidden;box-shadow:0 30px 80px #0f172a59}.proof-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.proof-modal-head span,.proof-modal-head small{color:#64748b;font-size:.72rem;display:block}.proof-modal-head strong{color:#0f172a;font-size:.95rem;display:block}.proof-modal-actions{gap:.45rem;display:flex}.proof-modal-body{background:#0f172a;place-items:center;min-height:68vh;display:grid;overflow:auto}.proof-modal-body img{object-fit:contain;background:#fff;max-width:100%;max-height:78vh}.proof-modal-body iframe{background:#fff;border:0;width:100%;height:78vh}@media (width<=860px){.transfer-detail-card{grid-template-columns:1fr}.transfer-student-grid{grid-template-columns:1fr 1fr}.transfer-proof-box{justify-items:stretch}}@media (width<=560px){.transfer-title-row,.student-pending-head,.proof-modal-head{flex-direction:column;align-items:stretch}.transfer-student-grid{grid-template-columns:1fr}.transfer-detail-line{grid-template-columns:24px minmax(0,1fr)}.transfer-detail-line strong:last-child{grid-column:2}.student-pending-lines article{grid-template-columns:1fr}}.student-mobile-shell .student-hero{color:#0f172a!important;background:radial-gradient(circle at 92% 8%,#0ea5e92e,#0000 14rem),linear-gradient(135deg,#fff 0%,#ecfeff 48%,#e0f2fe 100%)!important;border-color:#7dd3fc8c!important;box-shadow:0 18px 42px #0ea5e91f!important}.student-mobile-shell .student-hero h1{color:#0f172a!important}.student-mobile-shell .student-hero p{color:#334155!important}.student-mobile-shell .student-hero .eyebrow{color:#0369a1!important}.student-mobile-shell .student-date-card{box-shadow:inset 0 1px #fffffff2;color:#334155!important;background:#ffffffd6!important;border-color:#7dd3fc7a!important}.student-mobile-shell .student-date-card strong{color:#0f172a!important}.student-finance-summary-card{background:linear-gradient(135deg,#fff 0%,#f0fdfa 55%,#eff6ff 100%)!important}.student-cart-card{background:#fff!important;border-color:#0ea5e952!important}.student-bill-card{border-color:#f59e0b40!important}.student-payment-history-card{border-color:#22c55e3d!important}.student-card-count{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:30px;padding:.35rem .68rem;font-size:.76rem;font-weight:900;display:inline-flex}.student-payment-cart.embedded-cart{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.student-cart-total.compact-total{background:linear-gradient(135deg,#ecfeff,#dbeafe);border:1px solid #bae6fd;min-width:150px}.student-cart-total.compact-total span{color:#0f766e}.student-cart-total.compact-total strong{color:#0f172a}.receipt-print-button{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc}.student-receipt-modal .receipt-table{margin-top:0}.student-receipt-summary{margin-top:.25rem}.student-receipt-note{color:#334155;text-transform:capitalize;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:.85rem;padding:.75rem .9rem}@media (width<=760px){.student-cart-total.compact-total{width:100%;min-width:0}.receipt-print-button{width:100%}}.simple-transfer-info{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbeafe;border-radius:18px;padding:.78rem}.student-transfer-simple-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.student-transfer-simple-head strong{color:#0f172a;font-size:.9rem;display:block}.student-transfer-simple-head p{color:#64748b;margin:.16rem 0 0;font-size:.72rem;line-height:1.35}.student-transfer-simple-head>span{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border-radius:999px;align-items:center;min-height:30px;padding:.28rem .62rem;font-size:.68rem;font-weight:900;display:inline-flex}.student-transfer-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.72rem;display:grid}.student-transfer-steps div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.42rem;padding:.56rem .62rem;display:grid}.student-transfer-steps b{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:28px;height:28px;font-size:.78rem;display:grid}.student-transfer-steps span{color:#334155;font-size:.68rem;font-weight:800;line-height:1.3}.student-account-switcher{flex-wrap:wrap;gap:.45rem;margin-top:.72rem;display:flex}.student-account-switcher button{color:#1d4ed8;min-height:32px;box-shadow:none;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:.4rem .72rem;font-size:.7rem;font-weight:900}.student-account-switcher button.selected{color:#fff;background:#2563eb;border-color:#2563eb}.student-transfer-account-main{background:linear-gradient(#fff,#f8fbff);border:1px solid #bfdbfe;border-radius:16px;gap:.62rem;margin-top:.72rem;padding:.78rem;display:grid}.student-transfer-account-top{justify-content:space-between;align-items:flex-start;gap:.72rem;display:flex}.account-bank-badge{color:#075985;background:#e0f2fe;border-radius:999px;padding:.16rem .46rem;font-size:.62rem;font-weight:900;display:inline-flex}.student-transfer-account-main strong{color:#0f172a;letter-spacing:.03em;margin-top:.2rem;font-size:1.14rem;display:block}.student-transfer-account-main small{color:#64748b;margin-top:.08rem;font-size:.7rem;display:block}.student-transfer-highlight{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;grid-template-columns:minmax(0,1fr) 1.25fr;align-items:center;gap:.6rem;padding:.7rem;display:grid}.student-transfer-highlight span{color:#475569;font-size:.66rem;font-weight:800;display:block}.student-transfer-highlight strong{color:#0f172a;margin-top:.08rem;font-size:1rem}.student-transfer-highlight small{color:#075985;margin:0;font-size:.7rem;line-height:1.35}.student-transfer-note{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;padding:.65rem .72rem;font-size:.72rem;font-weight:800;line-height:1.4}.student-upload-file-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:.12rem;padding:.52rem .62rem;display:grid}.student-upload-file-info span{color:#64748b;font-size:.64rem;font-weight:800}.student-upload-file-info strong{color:#0f172a;word-break:break-word;font-size:.72rem;line-height:1.3}.student-cart-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) auto}@media (width<=760px){.simple-transfer-info{padding:.68rem}.student-transfer-simple-head,.student-transfer-account-top{gap:.45rem;display:grid}.student-transfer-steps,.student-transfer-highlight,.student-cart-form{grid-template-columns:1fr}}.student-finance-wizard-card{border-color:#3b82f638!important}.finance-progress-mobile{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;margin-bottom:.72rem;display:grid}.finance-progress-mobile button{min-height:52px;box-shadow:none;background:#fff;border:1px solid #dbeafe;border-radius:16px;justify-items:center;gap:.16rem;padding:.48rem .24rem;display:grid}.finance-progress-mobile button b{color:#334155;background:#e2e8f0;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.72rem;display:grid}.finance-progress-mobile button span{color:#475569;font-size:.64rem;font-weight:900}.finance-progress-mobile button.active{background:linear-gradient(#eff6ff,#fff);border-color:#93c5fd}.finance-progress-mobile button.active b,.finance-progress-mobile button.done b{color:#fff;background:#2563eb}.finance-progress-mobile button.done span,.finance-progress-mobile button.active span{color:#1d4ed8}.finance-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:.62rem;overflow:hidden}.finance-step-card.active-step{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb14}.finance-step-header{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.78rem .82rem;display:flex}.finance-step-left{align-items:center;gap:.68rem;min-width:0;display:flex}.finance-step-number{color:#1d4ed8;background:#eff6ff;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.finance-step-left strong{color:#0f172a;font-size:.84rem;display:block}.finance-step-left small{color:#64748b;margin-top:.08rem;font-size:.68rem;line-height:1.25;display:block}.finance-step-right{text-align:right;gap:.1rem;display:grid}.finance-step-right span{color:#0f172a;font-size:.68rem;font-weight:900}.finance-step-right em{color:#64748b;font-size:.64rem;font-style:normal}.finance-step-body{gap:.68rem;padding:0 .82rem .82rem;display:grid}.finance-step-footer{justify-content:flex-end;margin-top:.1rem;display:flex}.finance-step-footer.split{justify-content:space-between;align-items:center;gap:.5rem}.finance-step-actions-right{flex-wrap:wrap;justify-content:flex-end;gap:.42rem;display:flex}.finance-toggle-header{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:.8rem;padding:0;display:flex}.finance-toggle-header h2{color:#0f172a;margin:0;font-size:.96rem}.finance-toggle-header p{color:#64748b;margin:.15rem 0 0;font-size:.74rem}.finance-collapsible-card{border-color:#94a3b84d!important}.collapsed-list-box{margin-top:.68rem}.finance-upload-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.finance-upload-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-content:center;gap:.12rem;padding:.52rem .62rem;display:grid}.finance-upload-summary span{color:#475569;font-size:.64rem;font-weight:800}.finance-upload-summary strong{color:#0f172a;font-size:.86rem}.compact-step-account{margin-top:0}.upload-footer{grid-column:1/-1}@media (width<=760px){.finance-progress-mobile{gap:.32rem}.finance-progress-mobile button{border-radius:14px;min-height:48px;padding:.4rem .12rem}.finance-progress-mobile button span{font-size:.58rem}.finance-step-header{align-items:flex-start;padding:.68rem .72rem}.finance-step-number{width:30px;height:30px;font-size:.76rem}.finance-step-left strong{font-size:.78rem}.finance-step-left small,.finance-step-right span,.finance-step-right em{font-size:.62rem}.finance-step-body{padding:0 .72rem .72rem}.finance-step-footer,.finance-step-footer.split,.finance-step-actions-right{gap:.42rem;display:grid}.finance-step-footer button,.finance-step-actions-right button{width:100%}.finance-toggle-header{align-items:flex-start}.finance-toggle-header .student-card-count{margin-top:.1rem}.finance-upload-form{grid-template-columns:1fr}}.student-finance-summary-card,.student-finance-wizard-card,.finance-collapsible-card{margin-bottom:.54rem!important;padding:.58rem!important}.student-finance-wizard-card .student-card-head,.student-finance-summary-card .student-card-head{border-radius:13px;margin-bottom:.48rem;padding:.52rem .56rem}.student-finance-wizard-card .student-card-head h2,.student-finance-summary-card .student-card-head h2,.finance-toggle-header h2{font-size:.84rem}.student-finance-wizard-card .student-card-head p,.student-finance-summary-card .student-card-head p,.finance-toggle-header p{font-size:.64rem;line-height:1.25}.student-cart-total.compact-total{border-radius:12px;min-width:116px;padding:.4rem .48rem}.student-cart-total.compact-total span{font-size:.5rem}.student-cart-total.compact-total strong{font-size:.72rem}.finance-progress-mobile{gap:.24rem;margin-bottom:.48rem}.finance-progress-mobile button{border-radius:11px;min-height:38px;padding:.28rem .1rem}.finance-progress-mobile button b{width:20px;height:20px;font-size:.62rem}.finance-progress-mobile button span{font-size:.52rem;line-height:1.05}.finance-step-card{border-radius:14px;margin-top:.42rem}.finance-step-header{gap:.45rem;padding:.48rem .54rem}.finance-step-left{gap:.44rem}.finance-step-number{width:26px;height:26px;font-size:.68rem}.finance-step-left strong{font-size:.74rem}.finance-step-left small{margin-top:.03rem;font-size:.58rem;line-height:1.18}.finance-step-right span{font-size:.56rem;line-height:1.12}.finance-step-right em{font-size:.54rem}.finance-step-body{gap:.42rem;padding:0 .54rem .56rem}.finance-step-footer,.finance-step-footer.split,.finance-step-actions-right{gap:.34rem}.finance-step-footer button,.finance-step-actions-right button,.finance-upload-form button,.student-finance-wizard-card .student-copy-button,.student-finance-wizard-card .student-remove-button,.student-finance-wizard-card .student-mini-button,.finance-collapsible-card .receipt-print-button{min-height:29px;box-shadow:none;border-radius:9px;padding:.28rem .5rem;font-size:.62rem;line-height:1.05}.student-account-switcher{gap:.28rem;margin-top:.42rem}.student-account-switcher button{border-radius:999px;min-height:27px;padding:.25rem .5rem;font-size:.58rem}.student-transfer-account-main{border-radius:13px;gap:.42rem;padding:.52rem}.student-transfer-account-top{gap:.46rem}.account-bank-badge{padding:.12rem .34rem;font-size:.54rem}.student-transfer-account-main strong{margin-top:.12rem;font-size:.9rem}.student-transfer-account-main small{font-size:.6rem}.student-transfer-highlight{border-radius:11px;gap:.42rem;padding:.48rem}.student-transfer-highlight span,.student-transfer-highlight small{font-size:.6rem}.student-transfer-highlight strong{font-size:.82rem}.student-transfer-note{border-radius:10px;padding:.45rem .52rem;font-size:.62rem}.student-cart-lines{gap:.34rem}.student-cart-line{border-radius:12px;grid-template-columns:minmax(0,1fr) 108px auto;gap:.36rem;padding:.44rem}.student-cart-line strong{font-size:.72rem}.student-cart-line span,.student-cart-line small,.student-cart-line label,.student-cart-form label{font-size:.58rem}.student-cart-line input,.student-cart-form input{border-radius:9px;min-height:30px;padding:.32rem .42rem;font-size:.66rem}.student-upload-file-info,.finance-upload-summary{border-radius:10px;padding:.42rem .48rem}.student-upload-file-info span,.finance-upload-summary span{font-size:.56rem}.student-upload-file-info strong,.finance-upload-summary strong{font-size:.66rem}.finance-upload-form{gap:.42rem}.finance-toggle-header{gap:.5rem}.student-card-count{min-height:24px;padding:.22rem .46rem;font-size:.62rem}.finance-collapsible-card .student-list,.finance-collapsible-card .student-pending-lines{gap:.34rem}.finance-collapsible-card .student-record-item,.finance-collapsible-card .student-pending-lines article,.student-finance-wizard-card .student-record-item{border-radius:12px;padding:.46rem .5rem}.finance-collapsible-card .student-record-item strong,.student-finance-wizard-card .student-record-item strong{font-size:.74rem}.finance-collapsible-card .student-record-item span,.finance-collapsible-card .student-record-item small,.student-finance-wizard-card .student-record-item span,.student-finance-wizard-card .student-record-item small{font-size:.62rem;line-height:1.22}.student-finance-wizard-card .student-badge,.finance-collapsible-card .student-badge{min-height:21px;padding:.18rem .36rem;font-size:.56rem}.student-finance-wizard-card .bill-actions,.finance-collapsible-card .bill-actions{gap:.22rem}@media (width<=760px){.student-finance-summary-card,.student-finance-wizard-card,.finance-collapsible-card{border-radius:14px!important;padding:.5rem!important}.student-finance-wizard-card .student-card-head{gap:.35rem;display:grid}.student-cart-total.compact-total{width:auto;min-width:0}.finance-step-header{padding:.42rem .48rem}.finance-step-body{padding:0 .48rem .5rem}.finance-step-left{gap:.36rem}.finance-step-number{width:24px;height:24px;font-size:.62rem}.finance-step-left strong{font-size:.7rem}.finance-step-left small{font-size:.54rem}.finance-step-right span,.finance-step-right em{font-size:.52rem}.student-cart-line{grid-template-columns:1fr;gap:.32rem}.student-transfer-account-top,.student-transfer-highlight{grid-template-columns:1fr;display:grid}.finance-toggle-header h2{font-size:.78rem}.finance-toggle-header p{display:none}}@media print{.student-page{display:none!important}.student-receipt-print{display:block!important}}.payment-section-header{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe;border-radius:18px;margin-bottom:1rem;padding:.85rem 1rem}.payment-system-actions,.payment-account-panel{margin-top:1rem}.payment-account-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.payment-account-form{background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #dbeafe;border-radius:20px;gap:.75rem;padding:1rem;display:grid}.payment-account-form h3{color:#0f172a;margin:0}.payment-account-form label{gap:.25rem;display:grid}.payment-account-form label span,.payment-account-check span{color:#475569;font-size:.78rem;font-weight:900}.payment-account-form input,.payment-account-form textarea{border-radius:13px;min-height:42px}.payment-account-form textarea{min-height:88px}.payment-account-inline{grid-template-columns:120px minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.payment-account-check{align-content:center;min-height:42px;padding:0}.payment-account-check input{width:auto;min-height:auto}.payment-account-list{gap:.75rem;display:grid}.payment-account-item{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.95rem;display:grid;box-shadow:0 10px 24px #0f172a0b}.payment-account-item.inactive{opacity:.72;background:#f8fafc}.payment-account-bank{color:#075985;background:#e0f2fe;border-radius:999px;width:max-content;padding:.2rem .55rem;font-size:.72rem;font-weight:900;display:inline-flex}.payment-account-item strong{color:#0f172a;letter-spacing:.02em;margin-top:.35rem;font-size:1.08rem;display:block}.payment-account-item p,.payment-account-item small{color:#64748b;margin:.12rem 0 0;display:block}.payment-account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.student-transfer-info{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:16px;gap:.55rem;margin:.35rem 0 .75rem;padding:.65rem;display:grid}.student-transfer-title{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.student-transfer-title strong{color:#0f172a;font-size:.82rem}.student-transfer-title span{color:#0369a1;font-size:.66rem;font-weight:900}.student-transfer-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem;display:grid}.student-transfer-account{background:#ffffffe6;border:1px solid #7dd3fc8c;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.62rem;display:grid}.student-transfer-account span{color:#075985;background:#e0f2fe;border-radius:999px;width:max-content;padding:.16rem .42rem;font-size:.62rem;font-weight:900;display:inline-flex}.student-transfer-account strong{color:#0f172a;letter-spacing:.02em;margin-top:.22rem;font-size:.9rem;display:block}.student-transfer-account small,.student-transfer-account em{color:#64748b;margin-top:.06rem;font-size:.66rem;font-style:normal;line-height:1.3;display:block}.student-transfer-account em{color:#0f766e;font-weight:800}.student-copy-button{color:#1d4ed8;min-height:30px;box-shadow:none;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.34rem .58rem;font-size:.66rem;font-weight:900}@media (width<=860px){.payment-account-layout,.payment-account-item{grid-template-columns:1fr}.payment-account-actions{justify-content:flex-start}}@media (width<=520px){.payment-account-inline,.student-transfer-account{grid-template-columns:1fr}.student-copy-button{width:100%}}.student-mobile-shell{background:radial-gradient(circle at 8% -4%,#2563eb24,#0000 15rem),radial-gradient(circle at 96% 10%,#14b8a61f,#0000 17rem),linear-gradient(#f8fbff 0%,#f6f8fc 48%,#eef4ff 100%)!important}.teacher-mobile-topbar:has(+.teacher-mobile-content .student-page){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e2e8f0d9}.teacher-mobile-topbar:has(+.teacher-mobile-content .student-page) .brand-mark{box-shadow:0 8px 18px #2563eb29;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important}.student-page{max-width:960px!important}.student-hero{background:radial-gradient(circle at 92% 4%,#ffffff42,#0000 9rem),linear-gradient(135deg,#0f766e 0%,#2563eb 52%,#1e40af 100%)!important;border:1px solid #ffffffad!important;box-shadow:0 14px 32px #2563eb2e!important}.student-hero h1,.student-hero p{text-shadow:0 1px 2px #0f172a1f}.student-date-card{background:#ffffff2e!important;border:1px solid #ffffff5c!important}.student-tabs{background:#fffffff0!important;border:1px solid #e2e8f0eb!important;box-shadow:0 10px 24px #0f172a14!important}.student-tabs button{align-content:center;place-items:center;gap:.18rem;line-height:1.05;color:#64748b!important;min-height:45px!important;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:14px!important;padding:.34rem .12rem!important;display:grid!important}.student-tabs button:before{content:none!important;display:none!important}.student-tab-icon{color:#334155;letter-spacing:-.04em;background:#f1f5f9;border-radius:999px;place-items:center;width:22px;height:22px;font-size:.68rem;font-weight:950;display:grid}.student-tab-label{max-width:100%;color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:.57rem;font-weight:900;display:block;overflow:hidden}.student-tabs button.active{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.student-tabs button.active .student-tab-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 6px 14px #2563eb2e}.student-card,.student-stats div,.student-day-group,.student-record-item,.student-schedule-item{border-color:#cbd5e1a3!important}.student-card{background:#fffffffa!important;box-shadow:0 10px 26px #0f172a0e!important}.student-card-head{background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#eef6ff 100%)!important;border-color:#dbeafeeb!important}.student-card-head h2,.finance-toggle-header h2{align-items:center;gap:.45rem;display:flex;color:#0f172a!important}.student-title-icon{color:#0369a1;background:#e0f2fe;border-radius:9px;flex:none;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:950;line-height:1;display:inline-grid}.student-title-icon.danger{color:#b91c1c;background:#fee2e2}.student-title-icon.warning{color:#92400e;background:#fef3c7}.student-title-icon.success{color:#166534;background:#dcfce7}.student-quick-card{border:1px solid #ffffff6b!important;min-height:78px!important;box-shadow:0 11px 24px #0f172a1c!important}.student-quick-card span{align-items:center;gap:.32rem;display:flex}.student-quick-card span i{color:#fff;background:#ffffff38;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.64rem;font-style:normal;font-weight:950;display:inline-grid}.student-quick-card.blue{background:linear-gradient(135deg,#2563eb,#0f766e)!important}.student-quick-card.green{background:linear-gradient(135deg,#16a34a,#15803d)!important}.student-quick-card.violet{background:linear-gradient(135deg,#7c3aed,#2563eb)!important}.student-quick-card.red{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.student-schedule-item,.student-record-item{background:linear-gradient(#fff,#fbfdff)!important}.student-day-group summary{background:#f8fafc;border-radius:13px}.student-kbm-summary div,.student-finance-strip div,.student-warning-summary div{background:#fff!important;border-color:#cbd5e1b8!important}.student-mini-button,.student-remove-button,.student-copy-button,.finance-step-footer button,.finance-step-actions-right button,.student-cart-actions button,.finance-progress-mobile button,.student-account-switcher button{letter-spacing:-.01em}.student-mini-button,.student-copy-button{border-radius:11px!important;min-height:30px!important;padding:.35rem .58rem!important}.finance-step-card{border-color:#cbd5e1b8!important}.finance-step-card.active-step{background:linear-gradient(#fff,#f8fbff)!important;border-color:#93c5fd!important}.finance-step-number{box-shadow:inset 0 0 0 1px #2563eb14}.finance-toggle-header{padding:.05rem!important}.finance-collapsible-card{padding:.62rem!important}@media (width<=760px){.student-page{padding:.52rem .58rem calc(4.55rem + env(safe-area-inset-bottom))!important}.student-hero{border-radius:19px!important;padding:.68rem .72rem!important}.student-hero h1{font-size:1rem!important}.student-hero p{font-size:.67rem!important}.student-date-card{min-width:84px!important;padding:.46rem .5rem!important}.student-tabs{left:.44rem!important;right:.44rem!important;bottom:calc(.38rem + env(safe-area-inset-bottom))!important;border-radius:20px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.18rem!important;padding:.28rem!important}.student-tabs button{border-radius:14px!important;min-height:42px!important}.student-tab-icon{width:19px;height:19px;font-size:.58rem}.student-tab-label{font-size:.49rem}.student-card{border-radius:17px!important;margin-bottom:.56rem!important;padding:.56rem!important}.student-card-head{border-radius:14px!important;margin-bottom:.48rem!important;padding:.52rem .56rem!important}.student-card-head h2,.finance-toggle-header h2{gap:.34rem;font-size:.8rem!important}.student-title-icon{border-radius:8px;width:21px;height:21px;font-size:.6rem}.student-card-head p{font-size:.62rem!important;line-height:1.24!important}.student-home-grid{gap:.36rem!important;margin-bottom:.58rem!important}.student-quick-card{border-radius:15px!important;min-height:63px!important;padding:.48rem .36rem!important}.student-quick-card span{justify-content:center;font-size:.55rem!important}.student-quick-card span i{width:17px;height:17px;font-size:.55rem}.student-quick-card strong{font-size:1rem!important}.student-quick-card small{font-size:.5rem!important}.student-schedule-item,.student-record-item{border-radius:13px!important;gap:.38rem!important;padding:.48rem .52rem!important}.student-schedule-item strong,.student-record-item strong{font-size:.74rem!important}.student-schedule-item span,.student-schedule-item small,.student-record-item span,.student-record-item small{font-size:.62rem!important}.student-kbm-summary,.student-finance-strip,.student-warning-summary{gap:.3rem!important;margin-bottom:.48rem!important}.student-kbm-summary div,.student-finance-strip div,.student-warning-summary div{border-radius:12px!important;padding:.38rem .28rem!important}.student-kbm-summary span,.student-finance-strip span,.student-warning-summary span{font-size:.52rem!important}.student-kbm-summary strong,.student-finance-strip strong,.student-warning-summary strong{font-size:.68rem!important}.student-filter{gap:.26rem!important}.student-filter input,.student-filter button{border-radius:9px!important;min-height:29px!important;font-size:.62rem!important}.student-badge{min-height:20px!important;padding:.18rem .34rem!important;font-size:.56rem!important}.finance-progress-mobile button{min-height:41px!important}}@media (width<=390px){.student-tab-label{font-size:.46rem}.student-tabs button:nth-child(5) .student-tab-label{font-size:.41rem}.student-title-icon{display:none}}.student-holiday-card{color:#92400e;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%);border:1px solid #fde68a;border-radius:16px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.68rem;padding:.82rem .88rem;display:grid}.student-holiday-card strong{color:#92400e;font-size:.9rem;display:block}.student-holiday-card span,.student-holiday-card small{color:#b45309;margin-top:.1rem;font-size:.72rem;line-height:1.35;display:block}.student-holiday-card small{color:#a16207}.student-holiday-icon{color:#b45309;background:#fef3c7;border-radius:14px;place-items:center;width:38px;height:38px;font-size:1rem;font-weight:950;display:grid}.inline-holiday-card{margin:.42rem}.student-day-group.is-holiday{background:#fffbeb!important;border-color:#fde68a!important}.student-day-group.is-holiday summary{color:#92400e;background:#fff7ed!important}.student-day-group.is-holiday summary span{color:#92400e;background:#fef3c7;border-radius:999px;padding:.16rem .46rem}@media (width<=760px){.student-holiday-card{border-radius:14px;grid-template-columns:30px minmax(0,1fr);gap:.5rem;padding:.62rem .66rem}.student-holiday-icon{border-radius:11px;width:30px;height:30px;font-size:.82rem}.student-holiday-card strong{font-size:.78rem}.student-holiday-card span,.student-holiday-card small{font-size:.62rem}.inline-holiday-card{margin:.32rem}}.teacher-mobile-shell:not(.student-mobile-shell){background:radial-gradient(circle at 8% 0,#0ea5e924,#0000 20rem),radial-gradient(circle at 96% 16%,#14b8a629,#0000 18rem),linear-gradient(#eef6ff 0%,#f8fafc 48%,#f1f5f9 100%)!important}.teacher-mobile-content{padding-bottom:calc(5.4rem + env(safe-area-inset-bottom))}.teacher-mobile-content .teacher-hero{border-color:#0ea5e92e;border-radius:20px;padding:.78rem .85rem;background:linear-gradient(135deg,#0f172af7 0%,#0f766ef2 62%,#2563ebe6 100%)!important;box-shadow:0 14px 34px #0f766e29!important}.teacher-mobile-content .teacher-hero h1{letter-spacing:-.02em;margin:.08rem 0 .14rem;font-size:clamp(1.05rem,4.8vw,1.42rem)}.teacher-mobile-content .teacher-hero p{max-width:62ch;font-size:.76rem;line-height:1.35}.teacher-mobile-content .teacher-date-card{border-radius:16px;gap:.12rem;min-width:124px;padding:.68rem .72rem}.teacher-mobile-content .teacher-date-card span{opacity:.9;font-size:.68rem}.teacher-mobile-content .teacher-date-card strong{font-size:.84rem;line-height:1.22}.teacher-mobile-content .teacher-tabs{border-radius:18px;gap:.3rem;padding:.34rem}.teacher-mobile-content .teacher-tabs button{min-height:38px;box-shadow:none;border-radius:13px;place-items:center;gap:.08rem;padding:.38rem .18rem;font-size:.66rem;line-height:1.08;display:grid}.teacher-mobile-content .teacher-tabs button:before{content:none!important;display:none!important}.teacher-tab-icon{font-size:.96rem;line-height:1;display:block}.teacher-mobile-content .teacher-tabs button.active{color:#fff;background:#1d4ed8}.teacher-mobile-content .teacher-card,.teacher-mobile-content .teacher-stats div{border-radius:18px;background:#fffffffa!important;border-color:#94a3b85c!important;box-shadow:0 9px 22px #0f172a0e!important}.teacher-mobile-content .teacher-card{margin-bottom:.72rem;padding:.74rem}.teacher-mobile-content .teacher-card-head{background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 55%,#f0fdfa 100%);border:1px solid #bfdbfebd;border-radius:16px;gap:.55rem;margin-bottom:.62rem;padding:.62rem .7rem}.teacher-mobile-content .teacher-card-head h2{letter-spacing:-.01em;align-items:center;gap:.42rem;font-size:.96rem;line-height:1.2;display:flex}.teacher-mobile-content .teacher-card-head h2:before{content:"✦";color:#1d4ed8;background:#dbeafe;border-radius:9px;flex:none;place-items:center;width:24px;height:24px;font-size:.74rem;display:inline-grid}.teacher-mobile-content .teacher-card-head p{margin-top:.13rem;font-size:.74rem;line-height:1.3}.teacher-mobile-content .teacher-card-head small,.teacher-kbm-badge,.teacher-card-head .teacher-back-tiny{font-size:.68rem}.teacher-mobile-content .teacher-stats{gap:.52rem;margin-bottom:.72rem}.teacher-mobile-content .teacher-stats div{gap:.18rem;min-height:64px;padding:.62rem .68rem;display:grid;position:relative;overflow:hidden}.teacher-mobile-content .teacher-stats div:before{content:"";background:linear-gradient(#2563eb,#14b8a6);width:4px;position:absolute;inset:0 auto 0 0}.teacher-mobile-content .teacher-stats span{font-size:.68rem;line-height:1.18}.teacher-mobile-content .teacher-stats strong{font-size:1.16rem;line-height:1.05}.teacher-mobile-content .teacher-schedule-list,.teacher-mobile-content .teacher-day-list,.teacher-mobile-content .teacher-attendance-list,.teacher-mobile-content .teacher-student-attendance{gap:.46rem}.teacher-mobile-content .teacher-schedule-item,.teacher-mobile-content .teacher-attendance-list article,.teacher-mobile-content .teacher-student-row,.teacher-mobile-content .teacher-day-group,.teacher-mobile-content .teacher-attendance-today div{background:linear-gradient(#fff 0%,#fbfdff 100%);border-color:#e5e7eb;border-radius:14px}.teacher-mobile-content .teacher-schedule-item,.teacher-mobile-content .teacher-attendance-list article,.teacher-mobile-content .teacher-student-row{gap:.52rem;padding:.56rem .62rem}.teacher-mobile-content .teacher-schedule-item strong,.teacher-mobile-content .teacher-student-row strong,.teacher-mobile-content .teacher-attendance-list article strong{font-size:.84rem;line-height:1.18}.teacher-mobile-content .teacher-schedule-item span,.teacher-mobile-content .teacher-schedule-item small,.teacher-mobile-content .teacher-student-row span,.teacher-mobile-content .teacher-attendance-list span,.teacher-mobile-content .teacher-attendance-list small{margin-top:.08rem;font-size:.72rem;line-height:1.28}.teacher-mobile-content .teacher-day-group{padding:.22rem}.teacher-mobile-content .teacher-day-group summary{padding:.54rem .6rem;font-size:.82rem}.teacher-mobile-content .teacher-day-group summary span{font-size:.7rem}.teacher-mobile-content .teacher-attendance-today{gap:.42rem}.teacher-mobile-content .teacher-attendance-today div{padding:.55rem .62rem}.teacher-mobile-content .teacher-attendance-today span,.teacher-mobile-content .teacher-field span,.teacher-mobile-content .teacher-filter-row span{font-size:.66rem;font-weight:800}.teacher-mobile-content .teacher-attendance-today strong{font-size:1rem}.teacher-mobile-content button,.teacher-mobile-content .teacher-save-button,.teacher-mobile-content .teacher-filter-row button,.teacher-mobile-content .teacher-schedule-item button,.teacher-mobile-content .teacher-mobile-attendance-button,.teacher-mobile-content .teacher-violation-save{border-radius:12px;padding:.42rem .62rem;font-size:.74rem;line-height:1.15;min-height:34px!important}.teacher-mobile-content .teacher-save-button{border-radius:14px;padding:.55rem .7rem;min-height:38px!important}.teacher-mobile-content select,.teacher-mobile-content input,.teacher-mobile-content textarea{border-radius:11px;padding:.42rem .52rem;font-size:.78rem;min-height:36px!important}.teacher-mobile-content textarea{line-height:1.35}.teacher-mobile-content .teacher-field{gap:.22rem;margin-bottom:.48rem}.teacher-mobile-content .teacher-filter-row{gap:.42rem;margin-bottom:.65rem}.teacher-mobile-content .teacher-kbm-minimal-card,.teacher-mobile-content .teacher-violation-card,.teacher-mobile-content .teacher-permission-card{border-radius:18px!important}.teacher-mobile-content .teacher-kbm-picker,.teacher-mobile-content .teacher-violation-grid,.teacher-mobile-content .permission-grid{gap:.42rem}.teacher-mobile-content .teacher-kbm-section{border-radius:14px;gap:.42rem;padding:.52rem}.teacher-mobile-content .teacher-selected-schedule,.teacher-mobile-content .teacher-violation-info,.teacher-mobile-content .teacher-selected-violation,.teacher-mobile-content .teacher-selected-student{border-radius:13px;margin-bottom:.48rem;padding:.5rem .58rem}.teacher-mobile-content .teacher-status-summary{gap:.3rem}.teacher-mobile-content .teacher-status-summary>div{border-radius:11px;padding:.34rem .16rem}.teacher-mobile-content .teacher-status-summary span{width:20px;height:20px;font-size:.62rem}.teacher-mobile-content .teacher-status-summary strong{font-size:.82rem}.teacher-mobile-content .teacher-status-summary small{font-size:.54rem}.teacher-mobile-content .teacher-mini-action,.teacher-mobile-content .teacher-back-tiny,.teacher-mobile-content .teacher-history-refresh,.teacher-mobile-content .teacher-selected-student button,.teacher-mobile-content .teacher-student-result small{border-radius:999px;padding:.32rem .48rem;font-size:.66rem;min-height:28px!important}.teacher-mobile-content .teacher-toast{border-radius:14px;padding:.54rem .62rem}@media (width<=760px){.teacher-mobile-topbar{padding:.56rem .68rem}.teacher-mobile-brand .brand-mark{border-radius:12px;width:34px;height:34px}.teacher-mobile-brand strong{font-size:.86rem}.teacher-mobile-brand small{font-size:.66rem}.teacher-logout-button{min-height:30px;padding:.38rem .55rem;font-size:.68rem}.teacher-mobile-content{padding:.55rem .62rem calc(4.65rem + env(safe-area-inset-bottom))}.teacher-mobile-content .teacher-hero{border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.52rem;margin-bottom:.65rem;padding:.7rem .76rem}.teacher-mobile-content .teacher-hero h1{font-size:1.02rem}.teacher-mobile-content .teacher-hero p{font-size:.68rem}.teacher-mobile-content .teacher-date-card{text-align:right;border-radius:13px;min-width:88px;padding:.48rem .5rem}.teacher-mobile-content .teacher-date-card span{font-size:.56rem}.teacher-mobile-content .teacher-date-card strong{font-size:.68rem}.teacher-mobile-content .teacher-tabs{left:.48rem;right:.48rem;bottom:calc(.42rem + env(safe-area-inset-bottom));border-radius:18px;gap:.16rem;padding:.28rem}.teacher-mobile-content .teacher-tabs button{border-radius:13px;min-height:38px;padding:.32rem .05rem;font-size:.56rem}.teacher-tab-icon{font-size:.86rem}.teacher-mobile-content .teacher-card{border-radius:16px;margin-bottom:.58rem;padding:.62rem}.teacher-mobile-content .teacher-card-head{border-radius:14px;align-items:flex-start;margin-bottom:.48rem;padding:.55rem .6rem;display:flex}.teacher-mobile-content .teacher-card-head h2{font-size:.86rem}.teacher-mobile-content .teacher-card-head h2:before{border-radius:8px;width:22px;height:22px}.teacher-mobile-content .teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;margin-inline:0;padding-inline:0;display:grid;overflow:visible}.teacher-mobile-content .teacher-stats div{border-radius:14px;flex:none;min-width:0;min-height:58px;padding:.48rem .38rem}.teacher-mobile-content .teacher-stats span{font-size:.54rem}.teacher-mobile-content .teacher-stats strong{font-size:1rem}.teacher-mobile-content .teacher-schedule-item,.teacher-mobile-content .teacher-attendance-list article,.teacher-mobile-content .teacher-student-row{border-radius:13px;padding:.5rem .54rem}.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,.teacher-mobile-content .teacher-mobile-attendance-button{width:auto}.teacher-mobile-content .teacher-schedule-item{grid-template-columns:minmax(0,1fr) auto}.teacher-mobile-content .teacher-quick-actions{grid-template-columns:1fr 1fr}.teacher-mobile-content .teacher-filter-row{grid-template-columns:1fr 1fr auto}.teacher-mobile-content .teacher-kbm-picker{grid-template-columns:1fr 118px}.teacher-mobile-content .teacher-student-row,.teacher-mobile-content .teacher-attendance-list article{grid-template-columns:1fr}}@media (width<=390px){.teacher-mobile-content .teacher-tabs button{font-size:.51rem}.teacher-mobile-content .teacher-hero{grid-template-columns:1fr}.teacher-mobile-content .teacher-date-card{text-align:left;justify-self:stretch}.teacher-mobile-content .teacher-stats span{display:none}.teacher-mobile-content .teacher-stats div{place-items:center;min-height:42px}.teacher-mobile-content .teacher-filter-row,.teacher-mobile-content .teacher-kbm-picker,.teacher-mobile-content .teacher-quick-actions,.teacher-mobile-content .teacher-schedule-item{grid-template-columns:1fr}.teacher-mobile-content .teacher-schedule-item button{width:100%}}.teacher-mobile-content .teacher-tabs button.active,.teacher-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#16a34a,#047857)!important;box-shadow:0 10px 22px #16a34a3d!important}.teacher-mobile-content .teacher-tabs button.active .teacher-tab-icon{filter:drop-shadow(0 2px 4px #00000029)}.teacher-mobile-content .teacher-card-head h2:before{color:#15803d!important;background:#dcfce7!important}.teacher-mobile-content .teacher-stats div:before{background:linear-gradient(#16a34a,#22c55e)!important}.teacher-mobile-content .teacher-stats span{font-weight:800;color:#475569!important;display:block!important}.teacher-mobile-content .teacher-stats div{align-content:center}.teacher-mobile-content .teacher-mobile-attendance-card{border-color:#16a34a3d!important}.teacher-mobile-content .teacher-mobile-attendance-grid{gap:.45rem;margin-bottom:.5rem}.teacher-mobile-content .teacher-mobile-attendance-status,.teacher-mobile-content .teacher-location-box{background:linear-gradient(#fff,#f8fafc);border-radius:14px;padding:.58rem .64rem}.teacher-mobile-content .teacher-mobile-attendance-status span,.teacher-mobile-content .teacher-location-box span{letter-spacing:.035em;font-size:.62rem}.teacher-mobile-content .teacher-mobile-attendance-status strong,.teacher-mobile-content .teacher-location-box strong{font-size:.86rem}.teacher-mobile-content .teacher-mobile-attendance-status small,.teacher-mobile-content .teacher-location-box small,.teacher-mobile-content .teacher-mobile-attendance-help,.teacher-mobile-content .teacher-gps-note{font-size:.68rem;line-height:1.32}.teacher-mobile-content .teacher-location-box{margin-bottom:.52rem}.teacher-mobile-content .teacher-mobile-attendance-button{margin-top:.48rem;box-shadow:0 10px 22px #16a34a2e;background:linear-gradient(135deg,#16a34a,#047857)!important;border-radius:14px!important;min-height:38px!important;padding:.5rem .72rem!important}.teacher-mobile-content .teacher-mobile-attendance-button.compact{min-height:32px!important;padding:.42rem .62rem!important}.teacher-permission-header-row{align-items:center!important}.teacher-permission-toggle{white-space:nowrap;color:#166534!important;background:#dcfce7!important;border:1px solid #86efac!important}.teacher-permission-brief{color:#166534;background:#f0fdf4;border:1px dashed #86efac;border-radius:13px;padding:.6rem .68rem;font-size:.72rem;line-height:1.35}.teacher-permission-brief b{color:#14532d}.teacher-mobile-content .teacher-permission-status-grid label.active{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.teacher-mobile-content .teacher-filter-row{align-items:end}.teacher-mobile-content .teacher-filter-row button{min-height:34px!important}@media (width<=760px){.teacher-mobile-content .teacher-mobile-attendance-head{gap:.5rem;display:flex}.teacher-mobile-content .teacher-mobile-attendance-head .teacher-kbm-badge{padding:.24rem .42rem;font-size:.58rem}.teacher-mobile-content .teacher-mobile-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-mobile-content .teacher-location-box{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.teacher-mobile-content .teacher-location-box button{min-height:30px!important;padding:.34rem .5rem!important;font-size:.64rem!important}.teacher-permission-header-row{grid-template-columns:minmax(0,1fr) auto;align-items:center!important;display:grid!important}.teacher-permission-toggle{min-height:30px!important;padding:.34rem .52rem!important;font-size:.64rem!important}.teacher-mobile-content .teacher-stats span{text-align:center;line-height:1.12;font-size:.52rem!important;display:block!important}.teacher-mobile-content .teacher-stats strong{text-align:center}}@media (width<=390px){.teacher-mobile-content .teacher-stats span{font-size:.48rem!important;display:block!important}.teacher-mobile-content .teacher-stats div{place-items:center;gap:.12rem;min-height:54px!important;padding:.4rem .25rem!important}.teacher-mobile-content .teacher-mobile-attendance-grid,.teacher-mobile-content .teacher-location-box,.teacher-permission-header-row{grid-template-columns:1fr}.teacher-permission-toggle,.teacher-mobile-content .teacher-location-box button{width:100%}}.brand-logo-wrap{background:#0f766e;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.brand-logo-img{object-fit:cover;width:100%;height:100%;display:block}.teacher-mobile-brand .brand-logo-wrap{background:#0f766e;border-radius:14px;width:38px;height:38px}.teacher-mobile-account{align-items:center;gap:.42rem;display:flex}.teacher-profile-button{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:.4rem .62rem;font-size:.72rem;font-weight:900;display:inline-flex}.sidebar-profile-link{color:#ccfbf1;background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;min-height:42px;font-weight:800;display:flex}.sidebar-profile-link.active,.sidebar-profile-link:hover{color:#422006;background:#facc15}.profile-layout-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:1rem;display:grid}.profile-summary-card{align-content:start;gap:1rem;display:grid}.profile-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:24px;place-items:center;width:74px;height:74px;font-size:1.35rem;font-weight:900;display:grid;box-shadow:0 16px 32px #0f766e33}.profile-summary-card h2{color:#0f172a;margin:.1rem 0}.profile-summary-card p{color:#64748b;margin:0}.profile-role-pill{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;width:fit-content;padding:.48rem .74rem;font-weight:900}.profile-password-form{margin-top:.75rem}.lembaga-logo-summary{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:.85rem;margin-bottom:1rem;padding:.85rem;display:flex}.lembaga-logo-summary img,.logo-upload-card img{object-fit:cover;background:#0f766e;border-radius:18px;flex:none;width:58px;height:58px}.lembaga-logo-summary strong,.logo-upload-card strong{color:#0f172a;display:block}.lembaga-logo-summary span,.logo-upload-card p{color:#64748b;margin:.12rem 0 0;font-size:.82rem;display:block}.logo-upload-card{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:.9rem;padding:.85rem;display:flex}.logo-upload-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.logo-file-button{color:#fff;cursor:pointer;background:#0f766e;border-radius:12px;justify-content:center;align-items:center;min-height:38px;padding:.55rem .8rem;font-size:.82rem;font-weight:900;display:inline-flex}.logo-file-button input{display:none}@media (width<=760px){.profile-layout-grid{grid-template-columns:1fr}.profile-page-header{padding:1rem}.teacher-mobile-account span{display:none}.teacher-profile-button,.teacher-logout-button{min-height:30px;padding:.34rem .52rem;font-size:.66rem}.teacher-mobile-brand .brand-logo-wrap{border-radius:12px;width:34px;height:34px}.logo-upload-card,.lembaga-logo-summary{align-items:flex-start}}@media (width<=390px){.teacher-profile-button{display:none}}.login-card .brand strong{color:#0f172a}.login-card .brand small{color:#64748b}.sidebar{gap:.85rem;overflow:hidden}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ccfbf173 transparent;flex:auto;min-height:0;padding-right:.25rem;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#ccfbf159;border-radius:999px}.sidebar nav a,.sidebar-profile-link,.ghost{align-items:center;gap:.72rem;display:flex}.sidebar nav a{min-height:42px;padding:.62rem .72rem;font-weight:800;line-height:1.2}.nav-icon{color:#99f6e4;background:#ffffff14;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-size:.86rem;font-weight:900;display:inline-grid}.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon,.sidebar-profile-link:hover .nav-icon,.sidebar-profile-link.active .nav-icon{color:#fff;background:#ffffff2e}.sidebar-bottom{border-top:1px solid #ccfbf124;flex:none;gap:.58rem;padding-top:.55rem;display:grid}.sidebar-profile-link{justify-content:flex-start;padding:.58rem .72rem}.ghost{justify-content:flex-start;width:100%;margin-top:0;padding:.58rem .72rem}.app-sidebar-footer{color:#ccfbf1c7;text-align:center;padding:.35rem .2rem 0;font-size:.68rem;line-height:1.35}.app-sidebar-footer span{color:#f87171}.app-sidebar-footer a{color:#fde68a;font-weight:900}.login-card .brand-logo-wrap{border-radius:20px;width:58px;height:58px}.password-field{display:block;position:relative}.password-field input{padding-right:3.2rem}.password-eye-button{color:#0f172a;width:40px;height:40px;min-height:0;box-shadow:none;background:#f1f5f9;border-radius:12px;place-items:center;padding:0;font-size:1rem;display:grid;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.password-eye-button:hover{background:#e2e8f0}@media (width<=960px){.sidebar{overflow:visible}.sidebar nav{max-height:58vh}}.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{gap:.58rem;padding:.9rem .82rem}.sidebar .brand{gap:.62rem;padding:.18rem .18rem .35rem}.sidebar .brand-logo-wrap{border-radius:12px;flex:none;width:36px;height:36px}.sidebar .brand strong{font-size:.9rem;line-height:1.1}.sidebar .brand small{font-size:.68rem;line-height:1.1}.sidebar .active-period-box.single-line{border-radius:12px;margin:.12rem 0 .28rem;padding:.36rem .42rem}.sidebar .period-badge.one-line{box-shadow:none;border-radius:999px;padding:.24rem .48rem;font-size:.66rem}.sidebar nav{gap:.14rem;padding-right:.18rem}.sidebar nav a,.sidebar-profile-link,.ghost{letter-spacing:-.005em;border-radius:10px;gap:.48rem;font-size:.8rem;line-height:1.15}.sidebar nav a{min-height:34px;padding:.38rem .46rem;font-weight:750}.sidebar nav a span:last-child,.sidebar-profile-link span:last-child,.ghost span:last-child{min-width:0}.nav-icon{color:#99f6e4;background:#ffffff0f;border-radius:8px;width:22px;height:22px;font-size:0}.nav-svg{stroke-width:2.1px;width:14px;height:14px;display:block}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-profile-link:hover,.sidebar-profile-link.active{color:#fff;background:#14b8a629}.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon,.sidebar-profile-link:hover .nav-icon,.sidebar-profile-link.active .nav-icon{color:#fff;background:#14b8a6;box-shadow:0 6px 14px #14b8a62e}.sidebar-profile-link,.ghost{min-height:32px;padding:.36rem .46rem}.ghost{border-radius:10px;font-size:.8rem;font-weight:750}.app-sidebar-footer{padding-top:.2rem;font-size:.6rem;line-height:1.25}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{padding:.75rem}.sidebar nav a,.sidebar-profile-link,.ghost{min-height:32px;padding:.34rem .44rem}}.sidebar nav{grid-auto-rows:max-content!important;align-content:start!important;align-items:start!important;row-gap:.12rem!important}.sidebar nav a,.sidebar-profile-link,.ghost{border-radius:9px!important;height:auto!important;min-height:29px!important;padding:.28rem .42rem!important;font-size:.76rem!important;line-height:1.1!important}.sidebar nav a.active,.sidebar nav a:hover,.sidebar-profile-link.active,.sidebar-profile-link:hover{min-height:29px!important}.nav-icon{border-radius:7px!important;width:20px!important;height:20px!important}.nav-svg{stroke-width:2px!important;width:12.5px!important;height:12.5px!important}.sidebar-bottom{gap:.22rem!important;padding-top:.32rem!important}.sidebar{gap:.42rem!important}.sidebar .active-period-box.single-line{margin:.06rem 0 .18rem!important}@media (width>=961px){.sidebar nav{max-height:none!important}}.backup-restore-panel{background:linear-gradient(#fff,#f8fbff);border-color:#0ea5e933}.backup-restore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.backup-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;align-content:start;gap:.8rem;padding:1rem;display:grid}.backup-card strong{color:#0f172a;font-size:1rem;display:block}.backup-card p,.backup-card small{color:#64748b;margin:.25rem 0 0;line-height:1.45}.restore-card{background:linear-gradient(#fff,#fffaf5);border-color:#fed7aa}.restore-file-box,.restore-confirm-box{gap:.35rem;max-width:none;margin:0;display:grid}.restore-file-box span,.restore-confirm-box span{color:#334155;font-size:.82rem;font-weight:800}.restore-file-box em{color:#0f766e;word-break:break-word;font-size:.8rem;font-style:normal;font-weight:800}@media (width<=760px){.backup-restore-grid{grid-template-columns:1fr}}.app-shell .content button:not(.payment-system-card):not(.student-result-card):not(.billing-toggle):not(.icon-button),.app-shell .content .button-link,.app-shell .content .success-button,.app-shell .content .ghost-small,.app-shell .content .file-drop,.app-shell .content .file-button,.app-shell .content .logo-file-button{letter-spacing:.005em;white-space:nowrap;border-radius:11px;min-height:36px;padding:.52rem .78rem;font-size:.84rem;font-weight:800;line-height:1.15}.app-shell .content .tiny,.app-shell .content button.tiny,.app-shell .content .success-button.tiny,.app-shell .content .button-link.tiny,.app-shell .content .file-button.tiny{border-radius:9px;min-height:30px;padding:.34rem .55rem;font-size:.76rem;font-weight:800;line-height:1.1}.app-shell .content .icon-button{border-radius:999px;width:34px;height:34px;min-height:34px;font-size:1.25rem}.app-shell .content .actions{white-space:normal;flex-wrap:wrap}.app-shell .content .modal-actions{padding:.75rem 1rem}.app-shell .sidebar nav{gap:.18rem}.app-shell .sidebar nav a,.app-shell .sidebar-profile-link,.app-shell .ghost{border-radius:12px;min-height:38px;padding:.58rem .72rem;font-size:.9rem;line-height:1.15}.app-shell .sidebar .nav-icon{width:20px;height:20px}.app-shell .sidebar-bottom{gap:.45rem}@media (width<=720px){.app-shell .content .header-actions>*,.app-shell .content .finance-quick-actions>*,.app-shell .content .dev-actions>*{width:auto}}.app-shell .content button:not(.payment-system-card):not(.student-result-card):not(.billing-toggle):not(.icon-button):not(.password-eye-button),.app-shell .content .button-link,.app-shell .content .success-button,.app-shell .content .ghost-small,.app-shell .content .file-button,.app-shell .content .logo-file-button{letter-spacing:0;border-radius:9px;min-height:30px;padding:.34rem .58rem;font-size:.76rem;font-weight:800;line-height:1.05}.app-shell .content .tiny,.app-shell .content button.tiny,.app-shell .content .success-button.tiny,.app-shell .content .button-link.tiny,.app-shell .content .file-button.tiny{border-radius:7px;min-height:24px;padding:.22rem .42rem;font-size:.68rem;line-height:1}.app-shell .content .header-actions,.app-shell .content .toolbar-actions,.app-shell .content .form-actions,.app-shell .content .dev-actions,.app-shell .content .finance-quick-actions,.app-shell .content .import-actions,.app-shell .content .rekap-actions,.app-shell .content .pagination-controls,.app-shell .content .actions{gap:.32rem}.app-shell .content .page-header .button-link,.app-shell .content .page-header button{border-radius:8px;min-height:28px;padding:.3rem .55rem;font-size:.74rem}.app-shell .content .table-wrap .actions button,.app-shell .content table button,.app-shell .content table .button-link{border-radius:7px;min-height:24px;padding:.22rem .4rem;font-size:.68rem}.app-shell .content .icon-button{width:30px;height:30px;min-height:30px;font-size:1.05rem}.card-designer-grid{grid-template-columns:minmax(0,1fr) 560px;align-items:start;gap:1rem;display:grid}.card-designer-panel,.card-designer-preview{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1rem}.card-designer-preview>span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:800;display:block}.upload-design-row,.drag-help-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:1rem;padding:.85rem .9rem}.upload-design-row small,.drag-help-box p{color:#64748b;margin:.35rem 0 0;line-height:1.45}.upload-design-actions{flex-wrap:wrap;gap:.55rem;margin-top:.65rem;display:flex}.position-control-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;margin-top:1rem;padding:.85rem .9rem}.position-control-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.position-control-head strong{color:#0f172a}.position-control-head span{color:#64748b;font-size:.82rem;font-weight:800}.position-object-tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.position-object-tabs button{color:#334155;box-shadow:none;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.42rem .62rem;font-size:.78rem}.position-object-tabs button.active{color:#fff;background:#0f766e;border-color:#0f766e}.position-sliders{gap:.65rem;display:grid}.position-sliders label{color:#334155;grid-template-columns:18px minmax(0,1fr) 78px;align-items:center;gap:.6rem;font-weight:800;display:grid}.position-sliders input[type=range]{width:100%}.position-sliders input[type=number]{border-radius:10px;min-height:34px;padding:.35rem .5rem}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.35rem;display:grid}.preset-grid button{color:#0f172a;box-shadow:none;background:#f1f5f9;border:1px solid #dbe4ee;border-radius:12px;padding:.55rem .75rem}.preset-grid button.active{color:#fff;background:#0f766e;border-color:#0f766e}.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.compact-form-grid input[type=color]{width:100%;height:38px;padding:.18rem}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;margin-top:1rem;display:grid}.toggle-grid label{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem .65rem;font-weight:700;display:inline-flex}.student-card-preview-wrap .student-id-card{overflow:visible}.student-id-card{border-color:var(--card-primary,#0f172a);background:var(--card-bg,#fff);background-image:var(--card-background-image,none);color:var(--card-text,#0f172a);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.student-id-card .student-card-head{background:linear-gradient(135deg, var(--card-header,var(--card-primary,#064e3b)), var(--card-secondary,#0f766e));color:var(--card-header-text,#ecfeff)}.student-id-card .student-card-head strong,.student-id-card .student-card-head small{color:var(--card-header-text,#ecfeff)}.student-card-head{align-items:center;gap:.65rem;display:flex}.student-id-card .student-card-head-text{gap:.12rem;min-width:0;display:grid}.student-id-card .student-card-logo{color:#0f766e;letter-spacing:.04em;background:#ffffffe6;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:.58rem;font-weight:900;display:grid;overflow:hidden}.student-id-card .student-card-logo img{object-fit:contain;width:100%;height:100%;display:block}.student-photo-placeholder img{object-fit:cover;width:100%;height:100%;display:block}.student-photo-cell{color:#0f766e;background:#ecfdf5;border:1px solid #ccfbf1;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;overflow:hidden}.student-photo-upload-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.85rem;padding:.8rem;display:grid}.student-photo-preview{color:#0f766e;background:#ecfdf5;border:1px solid #ccfbf1;border-radius:16px;place-items:center;width:92px;height:112px;font-size:1.9rem;font-weight:900;display:grid;overflow:hidden}.student-photo-preview img{object-fit:cover;width:100%;height:100%}.student-photo-upload-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.student-photo-upload-actions input[type=file]{display:none}.student-photo-upload-actions small{color:#64748b;width:100%;line-height:1.4}.student-card-info span{color:var(--card-accent,#0f766e)}.student-card-info p{color:color-mix(in srgb, var(--card-text,#0f172a) 78%, #64748b)}.student-card-foot{color:color-mix(in srgb, var(--card-text,#0f172a) 75%, #64748b);background:color-mix(in srgb, var(--card-bg,#fff) 86%, var(--card-secondary,#0f766e))}.student-id-card.template-soft{box-shadow:0 18px 46px color-mix(in srgb, var(--card-secondary,#0f766e) 24%, transparent);border:0}.student-id-card.template-soft .student-card-head{border-bottom-right-radius:26px;border-bottom-left-radius:26px}.student-id-card.template-minimal .student-card-head{background:var(--card-header,var(--card-bg,#fff));color:var(--card-header-text,var(--card-primary,#0f172a));border-bottom:4px solid var(--card-accent,#0f766e)}.student-id-card.template-minimal .student-card-head small{color:var(--card-header-text,#64748b)}.student-id-card.layout-compact .student-card-body{grid-template-columns:78px minmax(0,1fr) 100px;gap:.65rem;padding:.75rem}.student-id-card.layout-compact .student-photo-placeholder{height:104px}.student-id-card.layout-compact .student-card-qr img,.student-id-card.layout-compact .qr-placeholder{width:92px;height:92px}.student-id-card.layout-compact .student-card-info h3{font-size:1.15rem}.student-id-card.layout-vertical{width:360px;min-height:500px}.student-id-card.layout-vertical .student-card-body{text-align:center;grid-template-columns:1fr;justify-items:center}.student-id-card.layout-vertical .student-photo-placeholder{width:118px}.student-id-card.no-photo .student-card-body{grid-template-columns:minmax(0,1fr) 128px}.student-id-card.no-photo.layout-compact .student-card-body{grid-template-columns:minmax(0,1fr) 100px}.student-id-card.no-photo.layout-vertical .student-card-body{grid-template-columns:1fr}.qr-placeholder{color:#94a3b8;background:#fff;border:1px solid #cbd5e1;border-radius:10px;place-items:center;width:118px;height:118px;font-weight:900;display:grid}.designer-draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;z-index:2;position:relative}.designer-draggable:active,.designer-draggable.dragging,.designer-draggable.active-designer-object{cursor:grabbing;z-index:20;outline-offset:3px;outline:2px dashed #14b8a6bf}.designer-draggable:after{content:"geser";letter-spacing:.04em;text-transform:uppercase;color:#0f172a;background:#ffffffe0;border-radius:999px;padding:.15rem .35rem;font-size:.58rem;font-weight:800;position:absolute;top:.35rem;right:.45rem;box-shadow:0 4px 10px #0f172a14}.student-id-card.has-background-image .student-card-info,.student-id-card.has-background-image .student-card-qr,.student-id-card.has-background-image .student-photo-placeholder,.student-id-card.has-background-image .student-card-foot{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.student-id-card.has-background-image .student-card-info{background:#ffffffb8;border-radius:14px;padding:.6rem .7rem}.student-id-card.has-background-image .student-card-foot{background:#ffffffc7}.student-id-card.has-background-image .student-photo-placeholder,.student-id-card.has-background-image .student-card-qr{background:#ffffffb8;border-radius:12px}@media (width<=980px){.card-designer-grid{grid-template-columns:1fr}}@media print{.print-student-card .student-card-logo{border-radius:2mm;flex-basis:8mm;width:8mm;height:8mm;font-size:4pt}.print-student-card.layout-compact .student-card-body{grid-template-columns:20mm 1fr 22mm;gap:2mm;padding:2.4mm}.print-student-card.layout-compact .student-photo-placeholder{height:24mm}.print-student-card.layout-compact .student-card-qr img{width:21mm;height:21mm}.print-student-card.layout-vertical{width:54mm;min-height:86mm}.print-student-card.layout-vertical .student-card-body{text-align:center;grid-template-columns:1fr;justify-items:center;gap:2mm}.print-student-card.layout-vertical .student-photo-placeholder{width:22mm;height:24mm}.print-student-card.no-photo .student-card-body{grid-template-columns:1fr 25mm}.print-student-card.no-photo.layout-compact .student-card-body{grid-template-columns:1fr 22mm}.print-student-card.no-photo.layout-vertical .student-card-body{grid-template-columns:1fr}}.student-photo-modal-body{justify-items:center;gap:1rem;padding:.8rem 0 1rem;display:grid}.student-photo-preview.large{border-radius:22px;width:160px;height:200px;font-size:3rem}.modal-photo-actions{justify-content:center}.zip-upload-box{gap:.8rem;display:grid}.photo-zip-note{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:.25rem;padding:.85rem;font-size:.88rem;display:grid}.photo-zip-note code{color:#0f172a;background:#e2e8f0;border-radius:6px;padding:.1rem .35rem}.success-text{font-weight:800;color:#047857!important}.file-manager-toolbar{grid-template-columns:minmax(220px,1fr) 150px auto auto auto;align-items:center;gap:.7rem;margin-bottom:1rem;display:grid}.file-search input{width:100%}.segmented-buttons{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:.18rem;display:inline-flex}.segmented-buttons button{box-shadow:none;color:#475569;background:0 0;border:0;border-radius:999px;padding:.4rem .7rem}.segmented-buttons button.active{color:#fff;background:#0f766e}.media-status-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.media-status-cards>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:.8rem .95rem}.media-status-cards span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800;display:block}.media-status-cards strong{color:#0f172a;font-size:1.45rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;display:grid}.media-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.media-card-preview{color:#0f766e;background:linear-gradient(135deg,#ecfeff,#f8fafc);place-items:center;height:140px;font-size:2.5rem;display:grid;position:relative}.media-card-preview img{object-fit:cover;width:100%;height:100%}.media-card-preview em{color:#92400e;background:#fef3c7;border-radius:999px;padding:.22rem .5rem;font-size:.7rem;font-style:normal;font-weight:900;position:absolute;top:.6rem;right:.6rem}.media-card-preview em.cloud{color:#047857;background:#d1fae5}.media-card-body{gap:.4rem;padding:.8rem;display:grid}.media-card-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-card-body small{color:#64748b;word-break:break-all;line-height:1.35}.media-meta,.media-actions{color:#64748b;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.media-actions label{align-items:center;gap:.35rem;font-weight:800;display:inline-flex}.media-mini-preview{background:#ecfeff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.media-mini-preview img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.file-manager-toolbar,.media-status-cards{grid-template-columns:1fr}}.media-source-label{background:#e0f2fe;border-radius:999px;width:fit-content;padding:.12rem .42rem;font-size:.72rem;font-weight:800;display:inline-block;color:#0369a1!important}button.danger{color:#fff;background:#dc2626;border-color:#dc2626}button.danger:hover{background:#b91c1c;border-color:#b91c1c}button.danger:disabled{color:#fff;background:#fca5a5;border-color:#fca5a5}.media-card{flex-direction:column;min-height:356px;display:flex}.media-card.db-photo-card{min-height:392px}.media-card-preview{flex:0 0 140px}.media-card-preview.portrait-preview{background:#f8fafc;flex-basis:220px;height:220px}.media-card-preview.portrait-preview img{object-fit:contain;background:#f8fafc}.media-card-body{flex:auto;min-height:0}.media-card-body strong,.media-card-body small{max-width:100%}.media-card .media-actions{margin-top:auto;padding-top:.35rem}.media-card .media-actions label{flex-shrink:0}.cloudstorage-notice{color:#075985;background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;margin:.85rem 0 1rem;padding:.85rem 1rem}.cloudstorage-notice strong{color:#0c4a6e;margin-bottom:.25rem;display:block}.cloudstorage-notice p{margin:0;line-height:1.5}.cloudstorage-notice a{color:#0f766e;font-weight:900}.cloud-backup-config{background:#f0fdf4;border:1px solid #d1fae5;border-radius:18px;margin-top:1rem;padding:1rem}.cloud-backup-config h3{color:#064e3b;margin:.1rem 0 .35rem}.cloud-backup-config p{color:#475569;margin:0 0 .75rem}.backup-status-box{color:#334155;background:#fff;border:1px solid #bbf7d0;border-radius:14px;gap:.25rem;margin-top:.75rem;padding:.75rem;font-size:.86rem;display:grid}.rfid-kiosk-v2{isolation:isolate;background:radial-gradient(circle at 0 0,#2dd4bf38,#0000 34rem),radial-gradient(circle at 100% 100%,#10b9812e,#0000 28rem),linear-gradient(135deg,#f8fafc 0%,#ecfdf5 54%,#f0fdfa 100%);min-height:100vh;padding:clamp(1rem,2vw,1.75rem);position:relative;overflow-x:hidden}.rfid-bg-orb{z-index:-1;filter:blur(18px);opacity:.36;pointer-events:none;border-radius:999px;width:320px;height:320px;position:fixed}.rfid-bg-orb.one{background:#14b8a6;top:-120px;right:12%}.rfid-bg-orb.two{background:#22c55e;bottom:-150px;left:-90px}.rfid-topbar{justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.rfid-school-brand,.rfid-clock-card,.rfid-mode-link{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbd;border:1px solid #0f766e1f;box-shadow:0 20px 60px #0f172a14}.rfid-school-brand{border-radius:26px;flex:1;align-items:center;gap:.9rem;padding:1rem;display:flex}.rfid-logo-mark{color:#ecfeff;letter-spacing:.04em;background:linear-gradient(135deg,#064e3b,#0f766e);border-radius:20px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-weight:950;display:grid;box-shadow:0 14px 28px #0f766e38}.rfid-school-brand p,.rfid-section-title p,.rfid-scan-card-head p{color:#0f766e;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.rfid-school-brand h1{color:#0f172a;margin:.15rem 0 .2rem;font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.08}.rfid-school-brand small{color:#64748b;line-height:1.35;display:block}.rfid-top-actions{align-items:stretch;gap:.65rem;display:flex}.rfid-clock-card{border-radius:22px;align-content:center;min-width:min(340px,42vw);padding:.85rem 1rem;display:grid}.rfid-clock-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.rfid-clock-card strong{color:#0f172a;font-size:1rem}.rfid-mode-link{color:#0f766e;border-radius:22px;place-items:center;padding:0 1rem;font-weight:950;text-decoration:none;display:inline-grid}.rfid-holiday{margin-bottom:1rem}.rfid-dashboard-layout{grid-template-columns:minmax(340px,1.05fr) minmax(320px,.95fr);align-items:start;gap:1rem;display:grid}.rfid-scan-card,.rfid-side-panel>*,.rfid-mini-stat-grid article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #0f766e1f;box-shadow:0 24px 70px #0f172a17}.rfid-scan-card{border-radius:30px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid;position:relative;overflow:hidden}.rfid-scan-card:before{content:"";background:linear-gradient(90deg,#064e3b,#0f766e,#14b8a6);height:7px;position:absolute;inset:0}.rfid-scan-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.rfid-scan-card-head h2{color:#0f172a;margin:.18rem 0 0;font-size:clamp(1.55rem,3.4vw,2.6rem);line-height:1}.rfid-live-pill{color:#047857;background:#dcfce7;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.78rem;font-weight:950;display:inline-flex}.rfid-live-pill:before{content:"";background:currentColor;border-radius:999px;width:.48rem;height:.48rem;box-shadow:0 0 0 5px #10b98124}.rfid-live-pill.busy{color:#b45309;background:#fef3c7}.rfid-scanner-visual{background:linear-gradient(#0f766e14 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#0f766e14 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle,#14b8a62e,#0000 18rem),#f8fafc;border-radius:28px;place-items:center;min-height:245px;display:grid;position:relative;overflow:hidden}.rfid-ring{border:2px solid #0f766e29;border-radius:999px;animation:2.6s ease-in-out infinite rfidPulse;position:absolute}.rfid-ring.ring-a{width:190px;height:190px}.rfid-ring.ring-b{width:250px;height:250px;animation-delay:.45s}.rfid-scanner-visual.active .rfid-ring{border-color:#f59e0b47;animation-duration:1s}.rfid-card-icon{z-index:1;color:#ecfeff;background:linear-gradient(135deg,#064e3b,#0f766e);border-radius:22px;align-content:center;justify-items:start;gap:.5rem;width:132px;height:92px;padding:1rem;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 28px 55px #0f766e47}.rfid-card-icon span{background:#ffffff47;border-radius:7px;width:36px;height:24px;box-shadow:inset 0 0 0 1px #ffffff40}.rfid-card-icon strong{letter-spacing:.16em}@keyframes rfidPulse{0%,to{opacity:.58;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}.rfid-modern-form{gap:.75rem;display:grid}.rfid-input-wrap,.rfid-modern-form label{gap:.35rem;display:grid}.rfid-input-wrap span,.rfid-modern-form label span{color:#475569;font-size:.78rem;font-weight:900}.rfid-modern-form input,.rfid-modern-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;min-height:48px;padding:.72rem .85rem;box-shadow:0 8px 18px #0f172a0a}.rfid-modern-form input:focus,.rfid-modern-form select:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61f}.rfid-control-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.rfid-submit-button{color:#fff;background:linear-gradient(135deg,#0f766e,#065f46);border:0;border-radius:18px;min-height:50px;font-weight:950;box-shadow:0 18px 34px #0f766e2e}.rfid-submit-button:disabled{opacity:.58}.rfid-help-box{color:#0f766e;background:#ecfeff;border:1px solid #ccfbf1;border-radius:18px;gap:.25rem;padding:.85rem .95rem;display:grid}.rfid-help-box span{color:#475569;line-height:1.45}.rfid-message{border-radius:18px;margin:0}.rfid-side-panel{gap:1rem;display:grid}.rfid-mini-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rfid-mini-stat-grid article{border-radius:24px;gap:.45rem;min-height:140px;padding:.95rem;display:grid}.rfid-mini-stat-grid article span{color:#64748b;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem;font-weight:900}.rfid-mini-stat-grid article strong{color:#064e3b;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1}.rfid-mini-stat-grid article small{color:#94a3b8;font-size:.88rem}.rfid-mini-stat-grid article em{background:linear-gradient(90deg, #0f766e var(--value), #e2e8f0 var(--value));border-radius:999px;height:8px}.rfid-mini-stat-grid article p{color:#0f766e;margin:0;font-size:.82rem;font-weight:900}.rfid-mini-stat-grid article.late strong,.rfid-mini-stat-grid article.late p{color:#b45309}.rfid-mini-stat-grid article.late em{background:linear-gradient(90deg, #f59e0b var(--value), #e2e8f0 var(--value))}.rfid-activity-card{border-radius:30px;overflow:hidden}.rfid-section-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem;display:flex}.rfid-section-title h3{color:#0f172a;margin:.12rem 0 0}.rfid-section-title>span{color:#64748b;font-size:.82rem;font-weight:800}.rfid-activity-list{gap:.55rem;max-height:min(520px,100vh - 360px);padding:.9rem;display:grid;overflow:auto}.rfid-activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.rfid-avatar{color:#0f766e;background:linear-gradient(135deg,#ccfbf1,#dcfce7);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.rfid-activity-item strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rfid-activity-item span{color:#64748b;font-size:.82rem;display:block}.rfid-activity-item em{color:#047857;text-transform:capitalize;background:#dcfce7;border-radius:999px;justify-self:end;padding:.3rem .58rem;font-size:.72rem;font-style:normal;font-weight:900}@media (width<=1080px){.rfid-dashboard-layout{grid-template-columns:1fr}.rfid-activity-list{max-height:none}}@media (width<=760px){.rfid-kiosk-v2{padding:.85rem}.rfid-topbar,.rfid-top-actions{grid-template-columns:1fr;display:grid}.rfid-school-brand{border-radius:22px;align-items:flex-start}.rfid-logo-mark{border-radius:16px;flex-basis:48px;width:48px;height:48px}.rfid-clock-card,.rfid-mode-link{border-radius:18px;min-width:0;padding:.75rem .85rem}.rfid-control-grid,.rfid-mini-stat-grid{grid-template-columns:1fr}.rfid-scanner-visual{min-height:210px}.rfid-activity-item{grid-template-columns:40px minmax(0,1fr)}.rfid-activity-item em{grid-column:2;justify-self:start}}@media (width<=460px){.rfid-school-brand{flex-direction:column}.rfid-scan-card{border-radius:22px}.rfid-card-icon{width:116px;height:82px}.rfid-ring.ring-b{width:220px;height:220px}}.qr-kiosk-v2{isolation:isolate;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34rem),radial-gradient(circle at 100% 100%,#14b8a633,#0000 30rem),linear-gradient(135deg,#f8fafc 0%,#eff6ff 45%,#f0fdfa 100%);min-height:100vh;padding:clamp(1rem,2vw,1.75rem);position:relative;overflow-x:hidden}.qr-bg-orb{z-index:-1;filter:blur(20px);opacity:.34;pointer-events:none;border-radius:999px;width:340px;height:340px;position:fixed}.qr-bg-orb.one{background:#3b82f6;top:-130px;right:10%}.qr-bg-orb.two{background:#14b8a6;bottom:-150px;left:-80px}.qr-topbar{justify-content:space-between;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.qr-school-brand,.qr-clock-card,.qr-mode-link{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;border:1px solid #0e749021;box-shadow:0 20px 60px #0f172a14}.qr-school-brand{border-radius:26px;flex:1;align-items:center;gap:.9rem;padding:1rem;display:flex}.qr-logo-mark{color:#ecfeff;letter-spacing:.04em;background:linear-gradient(135deg,#075985,#0f766e);border-radius:20px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-weight:950;display:grid;box-shadow:0 14px 28px #0e749038}.qr-school-brand p,.qr-section-title p,.qr-scan-card-head p{color:#0e7490;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.qr-school-brand h1{color:#0f172a;margin:.15rem 0 .2rem;font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.08}.qr-school-brand small{color:#64748b;line-height:1.35;display:block}.qr-top-actions{align-items:stretch;gap:.65rem;display:flex}.qr-clock-card{border-radius:22px;align-content:center;min-width:min(340px,42vw);padding:.85rem 1rem;display:grid}.qr-clock-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.qr-clock-card strong{color:#0f172a;font-size:1rem}.qr-mode-link{color:#0e7490;border-radius:22px;place-items:center;padding:0 1rem;font-weight:950;text-decoration:none;display:inline-grid}.qr-holiday{margin-bottom:1rem}.qr-dashboard-layout{grid-template-columns:minmax(340px,1.08fr) minmax(320px,.92fr);align-items:start;gap:1rem;display:grid}.qr-scan-card,.qr-side-panel>*,.qr-mini-stat-grid article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #0e749021;box-shadow:0 24px 70px #0f172a17}.qr-scan-card{border-radius:30px;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid;position:relative;overflow:hidden}.qr-scan-card:before{content:"";background:linear-gradient(90deg,#075985,#0891b2,#14b8a6);height:7px;position:absolute;inset:0}.qr-scan-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.qr-scan-card-head h2{color:#0f172a;margin:.18rem 0 0;font-size:clamp(1.55rem,3.4vw,2.6rem);line-height:1}.qr-live-pill{color:#1d4ed8;background:#dbeafe;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.78rem;font-weight:950;display:inline-flex}.qr-live-pill:before{content:"";background:currentColor;border-radius:999px;width:.48rem;height:.48rem;box-shadow:0 0 0 5px #3b82f624}.qr-live-pill.busy{color:#b45309;background:#fef3c7}.qr-live-pill.error{color:#dc2626;background:#fee2e2}.qr-camera-modern{aspect-ratio:16/10;background:linear-gradient(#0e749014 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#0e749014 1px,#0000 1px) 0 0/30px 30px,radial-gradient(circle,#3b82f629,#0000 18rem),#0f172a;border-radius:28px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.qr-camera-modern video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qr-camera-modern:not(.ready) video{opacity:.16}.qr-camera-modern:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0 34%,#0f172a52 54%,#0f172ab8 100%);position:absolute;inset:0}.qr-modern-frame{z-index:2;aspect-ratio:1;border-radius:26px;width:min(320px,62%);position:relative;box-shadow:0 0 0 999px #0f172a1a}.qr-modern-frame .corner{filter:drop-shadow(0 0 10px #67e8f973);border-color:#67e8f9;width:48px;height:48px;position:absolute}.qr-modern-frame .tl{border-top:5px solid;border-left:5px solid;border-radius:18px 0 0;top:0;left:0}.qr-modern-frame .tr{border-top:5px solid;border-right:5px solid;border-radius:0 18px 0 0;top:0;right:0}.qr-modern-frame .bl{border-bottom:5px solid;border-left:5px solid;border-radius:0 0 0 18px;bottom:0;left:0}.qr-modern-frame .br{border-bottom:5px solid;border-right:5px solid;border-radius:0 0 18px;bottom:0;right:0}.qr-modern-frame em{background:linear-gradient(90deg,#0000,#67e8f9,#0000);border-radius:999px;height:3px;animation:2.2s ease-in-out infinite qrScanLine;position:absolute;top:18%;left:10%;right:10%;box-shadow:0 0 14px #67e8f9a6}.qr-camera-modern.active .qr-modern-frame em{background:linear-gradient(90deg,#0000,#fbbf24,#0000);animation-duration:.8s}@keyframes qrScanLine{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(190px)}}.qr-camera-overlay{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a94;border-radius:18px;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .9rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.qr-camera-overlay strong{white-space:nowrap}.qr-camera-overlay small{text-align:right;color:#e2e8f0;overflow-wrap:anywhere}.qr-action-row{color:#64748b;justify-content:space-between;align-items:center;gap:.8rem;font-size:.88rem;display:flex}.qr-restart-btn{min-height:40px}.qr-modern-form{gap:.75rem;display:grid}.qr-input-wrap,.qr-modern-form label{gap:.35rem;display:grid}.qr-input-wrap span,.qr-modern-form label span{color:#475569;font-size:.78rem;font-weight:900}.qr-modern-form input,.qr-modern-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;outline:none;width:100%;min-height:48px;padding:.72rem .85rem;box-shadow:0 8px 18px #0f172a0a}.qr-modern-form input:focus,.qr-modern-form select:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.qr-control-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.qr-submit-button{color:#fff;background:linear-gradient(135deg,#0e7490,#0f766e);border:0;border-radius:18px;min-height:50px;font-weight:950;box-shadow:0 18px 34px #0e74902e}.qr-submit-button:disabled{opacity:.58}.qr-help-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;gap:.25rem;padding:.85rem .95rem;display:grid}.qr-help-box span{color:#475569;line-height:1.45}.qr-message{border-radius:18px;margin:0}.qr-side-panel{gap:1rem;display:grid}.qr-mini-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.qr-mini-stat-grid article{border-radius:24px;gap:.45rem;min-height:140px;padding:.95rem;display:grid}.qr-mini-stat-grid article span{color:#64748b;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem;font-weight:900}.qr-mini-stat-grid article strong{color:#075985;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1}.qr-mini-stat-grid article small{color:#94a3b8;font-size:.88rem}.qr-mini-stat-grid article em{background:linear-gradient(90deg, #0e7490 var(--value), #e2e8f0 var(--value));border-radius:999px;height:8px}.qr-mini-stat-grid article p{color:#0e7490;margin:0;font-size:.82rem;font-weight:900}.qr-mini-stat-grid article.late strong,.qr-mini-stat-grid article.late p{color:#b45309}.qr-mini-stat-grid article.late em{background:linear-gradient(90deg, #f59e0b var(--value), #e2e8f0 var(--value))}.qr-activity-card{border-radius:30px;overflow:hidden}.qr-section-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem;display:flex}.qr-section-title h3{color:#0f172a;margin:.12rem 0 0}.qr-section-title>span{color:#64748b;font-size:.82rem;font-weight:800}.qr-activity-list{gap:.55rem;max-height:min(520px,100vh - 360px);padding:.9rem;display:grid;overflow:auto}.qr-activity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.qr-avatar{color:#0e7490;background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.qr-activity-item strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qr-activity-item span{color:#64748b;font-size:.82rem;display:block}.qr-activity-item em{color:#1d4ed8;text-transform:capitalize;background:#dbeafe;border-radius:999px;justify-self:end;padding:.3rem .58rem;font-size:.72rem;font-style:normal;font-weight:900}@media (width<=1080px){.qr-dashboard-layout{grid-template-columns:1fr}.qr-activity-list{max-height:none}}@media (width<=760px){.qr-kiosk-v2{padding:.85rem}.qr-topbar,.qr-top-actions{grid-template-columns:1fr;display:grid}.qr-school-brand{border-radius:22px;align-items:flex-start}.qr-logo-mark{border-radius:16px;flex-basis:48px;width:48px;height:48px}.qr-clock-card,.qr-mode-link{border-radius:18px;min-width:0;padding:.75rem .85rem}.qr-control-grid,.qr-mini-stat-grid{grid-template-columns:1fr}.qr-camera-modern{aspect-ratio:4/5;min-height:300px}.qr-modern-frame{width:min(250px,70%)}.qr-camera-overlay{flex-direction:column;align-items:flex-start}.qr-camera-overlay small{text-align:left}.qr-action-row{flex-direction:column;align-items:flex-start}.qr-activity-item{grid-template-columns:40px minmax(0,1fr)}.qr-activity-item em{grid-column:2;justify-self:start}}@media (width<=460px){.qr-school-brand{flex-direction:column}.qr-scan-card{border-radius:22px}.qr-camera-modern{min-height:260px}.qr-modern-frame .corner{width:38px;height:38px}}.login-v2{background:radial-gradient(circle at 15% 12%,#14b8a638,#0000 28rem),radial-gradient(circle at 85% 90%,#22c55e2e,#0000 26rem),linear-gradient(135deg,#f8fafc,#ecfdf5 58%,#f0fdfa);grid-template-columns:minmax(360px,.95fr) minmax(360px,.72fr);gap:1rem;min-height:100vh;padding:clamp(1rem,2vw,1.75rem);display:grid}.login-visual-panel{color:#fff;background:linear-gradient(135deg,#064e3bf2,#0f766ee0),url(../../../logo-madig.png);border-radius:34px;align-items:end;min-height:calc(100vh - 3.5rem);padding:clamp(1.4rem,3vw,3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0f172a29}.login-orb{filter:blur(10px);opacity:.24;background:#99f6e4;border-radius:999px;width:320px;height:320px;position:absolute}.login-orb.one{top:-80px;right:-100px}.login-orb.two{background:#bbf7d0;bottom:-120px;left:-130px}.login-visual-content{z-index:1;max-width:720px;position:relative}.login-kicker{background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:.42rem .7rem;font-size:.8rem;font-weight:900;display:inline-flex}.login-visual-content h1{letter-spacing:-.05em;margin:.8rem 0;font-size:clamp(2rem,5vw,4.7rem);line-height:.95}.login-visual-content p{color:#ffffffd1;max-width:620px;margin:0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1.25rem;display:grid}.login-feature-grid span{color:#ffffffe6;background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px;padding:.75rem .85rem;font-weight:800}.login-card-wrap{place-items:center;display:grid}.login-card.login-card-v2{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #0f766e1f;border-radius:30px;width:min(100%,455px);box-shadow:0 26px 80px #0f172a1f}.login-brand-v2{justify-content:flex-start}.login-title-block{gap:.2rem;margin:.7rem 0 .2rem;display:grid}.login-title-block h2{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:2rem}.login-title-block span{color:#64748b}.login-main-button{background:linear-gradient(135deg,#0f766e,#065f46);border-radius:16px;min-height:48px}.login-attendance-entry{background:#ecfeff;border:1px solid #ccfbf1;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:.35rem;padding:.85rem;display:grid}.login-attendance-entry strong{color:#0f766e;display:block}.login-attendance-entry span{color:#64748b;font-size:.84rem;display:block}.attendance-public-button{color:#fff;white-space:nowrap;background:#0f766e;border-radius:14px;justify-content:center;align-items:center;min-height:40px;padding:.55rem .8rem;font-weight:900;text-decoration:none;display:inline-flex}.attendance-public-method-panel{background:linear-gradient(#fff,#f0fdfa);border-color:#ccfbf1}.attendance-method-picker{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch;gap:.85rem;display:grid}.attendance-method-picker label{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:.75rem;padding:.9rem;display:flex}.attendance-method-picker label.active{background:#ecfeff;border-color:#14b8a6;box-shadow:0 12px 26px #14b8a61a}.attendance-method-picker input{width:18px;height:18px}.attendance-method-picker strong{color:#0f172a;display:block}.attendance-method-picker small{color:#64748b}@media (width<=920px){.login-v2{grid-template-columns:1fr}.login-visual-panel{min-height:auto}.attendance-method-picker{grid-template-columns:1fr}}@media (width<=520px){.login-v2{padding:.85rem}.login-visual-panel{border-radius:24px;padding:1.2rem}.login-feature-grid,.login-attendance-entry{grid-template-columns:1fr}.attendance-public-button{width:100%}}.login-visual-panel{background-image:linear-gradient(135deg,#064e3be0,#0f766ec7),url(../../../logo-madig.png);background-position:50%,50%;background-size:cover,cover}.login-visual-panel:before{content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(45deg,#ffffff29 25%,#0000 25%),linear-gradient(-45deg,#ffffff29 25%,#0000 25%);background-size:58px 58px;position:absolute;inset:0}.login-visual-centered{text-align:center;align-content:center;place-items:center;min-height:100%;margin:auto;display:grid}.login-left-logo-ring{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #ffffff73;border-radius:999px;place-items:center;width:clamp(150px,18vw,240px);height:clamp(150px,18vw,240px);margin-bottom:1.1rem;display:grid;box-shadow:0 26px 70px #0f172a38}.login-left-logo-ring img{object-fit:contain;width:76%;height:76%}.login-visual-centered h1{text-align:center;font-size:clamp(2.2rem,5.2vw,4.4rem)}.login-visual-centered p{text-align:center;max-width:560px;margin-inline:auto}.login-brand-text-only{gap:.25rem;padding-bottom:.35rem;display:grid}.login-brand-text-only strong{color:#0f172a;text-transform:uppercase;letter-spacing:.02em;font-size:1.05rem;font-weight:950}.login-brand-text-only small{color:#64748b;line-height:1.45}.lembaga-asset-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.login-bg-summary img{object-fit:cover}.login-bg-empty{color:#ecfeff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:18px;place-items:center;width:64px;height:64px;font-weight:950;display:grid}.login-background-upload-card{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:20px;grid-template-columns:minmax(170px,260px) minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.login-background-preview{color:#ecfeff;background:linear-gradient(135deg,#064e3b,#0f766e);border-radius:18px;place-items:center;height:140px;font-weight:900;display:grid;overflow:hidden}.login-background-preview img{object-fit:cover;width:100%;height:100%}@media (width<=760px){.lembaga-asset-summary-grid,.login-background-upload-card{grid-template-columns:1fr}.login-background-preview{height:180px}}.login-bg-admin-image{z-index:0;object-fit:cover;opacity:.92;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-visual-panel:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#064e3bd1,#0f766e9e);position:absolute;inset:0}.login-visual-panel>.login-orb,.login-visual-panel>.login-visual-content{z-index:2}.login-visual-panel:before{z-index:1}.login-visual-panel.has-admin-bg{background-position:50%,50%;background-size:cover,cover}.login-visual-panel.has-admin-bg .login-bg-admin-image{opacity:1;filter:none}.login-visual-panel.has-admin-bg:after{background:linear-gradient(135deg,#064e3b4d,#0f766e2e)}.login-visual-panel.has-admin-bg:before{opacity:.045}.login-visual-panel.has-admin-bg .login-left-logo-ring{background:#ffffffeb}.login-visual-panel.has-admin-bg .login-kicker{background:#0f172a47;border-color:#ffffff3d}.login-visual-panel.has-admin-bg .login-visual-centered h1,.login-visual-panel.has-admin-bg .login-visual-centered p{text-shadow:0 5px 22px #0f172a59}.login-intro-summary{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:18px;margin:0 0 1rem;padding:.85rem 1rem}.login-intro-summary span{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.76rem;font-weight:900;display:block}.login-intro-summary strong{color:#0f172a;line-height:1.5;display:block}.login-intro-text,.login-intro-summary strong{white-space:pre-line}.emis-connect-grid{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);align-items:start;gap:1rem;display:grid}.emis-status-panel,.emis-guide-panel{background:linear-gradient(#fff,#f8fffd);border-color:#ccfbf1}.emis-status-list{gap:.75rem;display:grid}.emis-status-list>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:.2rem;padding:.8rem .9rem;display:grid}.emis-status-list span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:900}.emis-status-list strong{color:#0f172a;overflow-wrap:anywhere;line-height:1.45}.emis-actions{justify-content:flex-start;margin-top:1rem}.emis-steps{counter-reset:emis-step;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.emis-steps li{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:.2rem;padding:.85rem .9rem .85rem 3rem;display:grid;position:relative}.emis-steps li:before{counter-increment:emis-step;content:counter(emis-step);color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:.85rem;left:.85rem}.emis-steps strong{color:#0f172a}.emis-steps span{color:#64748b;line-height:1.5}.emis-steps code{color:#0f766e;background:#ecfeff;border-radius:.45rem;padding:.12rem .35rem;font-weight:800}.emis-security-note{margin-top:1rem}@media (width<=900px){.emis-connect-grid{grid-template-columns:1fr}}.emis-connect-clean{max-width:980px;display:grid}.emis-clean-card{background:radial-gradient(circle at 100% 0,#14b8a629,#0000 20rem),linear-gradient(#fff,#f8fffd);border-color:#ccfbf1}.emis-clean-hero{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.emis-clean-icon{color:#475569;background:#e2e8f0;border-radius:26px;place-items:center;width:82px;height:82px;font-size:1.4rem;font-weight:950;display:grid;box-shadow:0 16px 36px #0f172a14}.emis-clean-icon.connected{color:#fff;background:linear-gradient(135deg,#0f766e,#16a34a)}.emis-clean-hero h2{color:#0f172a;letter-spacing:-.04em;margin:.12rem 0 .35rem;font-size:clamp(1.6rem,3vw,2.35rem)}.emis-clean-hero p{color:#64748b;margin:0;line-height:1.55}.emis-clean-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.emis-clean-info>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;gap:.2rem;padding:.85rem .95rem;display:grid}.emis-clean-info span{color:#64748b;letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:900}.emis-clean-info strong{color:#0f172a;overflow-wrap:anywhere}.emis-clean-actions{justify-content:flex-start;margin-top:.5rem}.emis-clean-note{color:#64748b;margin:1rem 0 0;font-size:.88rem;line-height:1.5}@media (width<=760px){.emis-clean-hero,.emis-clean-info{grid-template-columns:1fr}.emis-clean-icon{border-radius:22px;width:68px;height:68px}}.emis-account-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.emis-account-info>div{background:#f0fdf4;border:1px solid #d1fae5;border-radius:18px;gap:.25rem;padding:.85rem .95rem;display:grid}.emis-account-info span{color:#0f766e;letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:900}.emis-account-info strong{color:#0f172a;overflow-wrap:anywhere;line-height:1.45}@media (width<=760px){.emis-account-info{grid-template-columns:1fr}}.emis-sync-toolbar{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:stretch;gap:.75rem;margin-bottom:1rem;display:grid}.emis-sync-toolbar>div{background:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;gap:.2rem;padding:.8rem .9rem;display:grid}.emis-sync-toolbar span{color:#0f766e;letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:900}.emis-sync-toolbar strong{color:#0f172a;overflow-wrap:anywhere}.emis-sync-table table th,.emis-sync-table table td{white-space:nowrap}@media (width<=900px){.emis-sync-toolbar{grid-template-columns:1fr}}.emis-process-card{background:linear-gradient(#f0fdfa,#fff);border:1px solid #ccfbf1;border-radius:20px;gap:.9rem;margin:1rem 0;padding:1rem;display:grid}.emis-process-card h3{color:#0f172a;margin:.15rem 0 .3rem}.emis-process-card p{color:#64748b;margin:0;line-height:1.5}.emis-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.emis-process-grid label{gap:.35rem;display:grid}.emis-process-grid span{color:#475569;font-size:.78rem;font-weight:900}.emis-process-grid select{background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;min-height:42px;padding:.55rem .7rem}.emis-process-actions{justify-content:space-between;align-items:center;gap:.8rem;padding-top:.35rem;display:flex}.emis-process-actions strong{color:#0f766e}.emis-save-results{margin-top:1rem}@media (width<=760px){.emis-process-grid,.emis-process-actions{grid-template-columns:1fr;display:grid}}.emis-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.emis-detail-grid>div{background:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;gap:.25rem;padding:.85rem .95rem;display:grid}.emis-detail-grid span{color:#0f766e;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:900}.emis-detail-grid strong{color:#0f172a;overflow-wrap:anywhere}.search-inline label select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-height:38px;padding:.45rem .65rem}@media (width<=760px){.emis-detail-grid{grid-template-columns:1fr}}.siswa-filter-card{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 18rem),linear-gradient(#fff,#f8fffd);border:1px solid #ccfbf1;border-radius:22px;gap:.95rem;width:min(100%,980px);padding:1rem;display:grid;box-shadow:0 16px 42px #0f172a0f}.siswa-filter-title{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.siswa-filter-title h3{color:#0f172a;margin:.15rem 0 .25rem;font-size:1.08rem}.siswa-filter-title span:not(.emis-mini-status){color:#64748b;font-size:.86rem;line-height:1.45;display:block}.emis-mini-status{color:#b91c1c;background:#fee2e2;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.42rem .68rem;font-size:.76rem;font-weight:900;display:inline-flex}.emis-mini-status:before{content:"";background:currentColor;border-radius:999px;width:.45rem;height:.45rem}.emis-mini-status.active{color:#047857;background:#dcfce7}.siswa-filter-grid{grid-template-columns:minmax(180px,.8fr) minmax(280px,1.4fr) auto;align-items:end;gap:.75rem;display:grid}.siswa-filter-grid label{gap:.35rem;display:grid}.siswa-filter-grid label span{color:#475569;font-size:.78rem;font-weight:900}.siswa-filter-grid input,.siswa-filter-grid select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-height:42px;padding:.55rem .7rem}.siswa-filter-grid input:focus,.siswa-filter-grid select:focus{border-color:#14b8a6;box-shadow:0 0 0 4px #14b8a61f}.siswa-filter-actions{align-items:center;gap:.5rem;display:flex}.siswa-filter-actions button{white-space:nowrap;min-height:42px}@media (width<=980px){.siswa-filter-card{width:100%}.siswa-filter-grid{grid-template-columns:1fr}.siswa-filter-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=520px){.siswa-filter-title{display:grid}.siswa-filter-actions{grid-template-columns:1fr;display:grid}.siswa-filter-actions button{width:100%}}.emis-detail-sync-card{background:linear-gradient(#f0fdfa,#fff);border:1px solid #ccfbf1;border-radius:20px;gap:.85rem;margin:1rem 0;padding:1rem;display:grid}.emis-progress-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.emis-progress-head h3{color:#0f172a;margin:.15rem 0 .25rem}.emis-progress-head span{color:#64748b;line-height:1.45}.emis-progress-head>strong{color:#0f766e;font-size:1.4rem}.emis-progress-bar{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.emis-progress-bar span{background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:999px;height:100%;transition:width .2s;display:block}.emis-detail-result-table{max-height:320px;margin-top:1rem}.status-pill.item-error{color:#b91c1c;background:#fee2e2}@media (width<=760px){.emis-progress-head{display:grid}}.datatable-wrap table th{white-space:nowrap}.datatable-wrap table td{vertical-align:middle}.student-photo-cell,.student-photo-cell img,.student-photo-cell span{width:42px;height:42px}.siswa-action-group{white-space:nowrap;background:#f8fafc;border:1px solid #dbeafe;border-radius:12px;align-items:center;gap:.25rem;padding:.18rem;display:inline-flex}.siswa-action-group button{color:#0f172a;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:32px;height:32px;font-size:.95rem;line-height:1;display:inline-grid}.siswa-action-group button:hover{background:#e0f2fe}.siswa-action-group button:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.siswa-action-group{gap:.18rem}.siswa-action-group button{width:30px;height:30px}}.siswa-action-card{background:radial-gradient(circle at 100% 0,#14b8a624,#0000 18rem),linear-gradient(#fff,#f8fffd);border:1px solid #ccfbf1;border-radius:22px;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:grid;box-shadow:0 14px 38px #0f172a0f}.siswa-action-card h2{color:#0f172a;margin:.15rem 0 .25rem;font-size:1.15rem}.siswa-action-card span{color:#64748b;line-height:1.45;display:block}.siswa-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.siswa-top-actions button,.siswa-top-actions .button-link{border-radius:12px;min-height:36px;padding:.48rem .72rem;font-size:.82rem}.student-panel-header{display:block}.student-panel-header .siswa-filter-card{width:100%}.student-photo-cell{background:linear-gradient(135deg,#ccfbf1,#ecfeff);border:1px solid #99f6e4;border-radius:16px;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff8c,0 8px 18px #0f172a14}.student-photo-cell img{object-fit:cover;width:100%;height:100%}.student-photo-cell span{color:#0000;background:radial-gradient(circle at 50% 34%,#0f766ef2 0 18%,#0000 19%),radial-gradient(circle at 50% 82%,#0f766ed9 0 28%,#0000 29%),linear-gradient(135deg,#d1fae5,#ecfeff);place-items:center;width:100%;height:100%;font-size:0;display:grid}.student-photo-cell span:after{content:attr(data-initial)}.siswa-action-group{background:#f0fdfa;border-color:#ccfbf1;border-radius:14px;gap:.2rem;padding:.24rem}.siswa-action-group button{color:#0f766e;background:#fff;border:1px solid #d1fae5;border-radius:11px;width:34px;height:34px;font-size:.78rem;font-weight:900;box-shadow:0 3px 8px #0f172a0d}.siswa-action-group button:hover{background:#ccfbf1;transform:translateY(-1px)}.siswa-action-group button.warning{color:#b45309;border-color:#fde68a}.siswa-action-group button.warning:hover{background:#fef3c7}@media (width<=920px){.siswa-action-card{grid-template-columns:1fr}.siswa-top-actions{justify-content:flex-start}}@media (width<=520px){.siswa-top-actions{grid-template-columns:1fr 1fr;display:grid}.siswa-top-actions button,.siswa-top-actions .button-link{justify-content:center;width:100%}}.student-photo-cell span:after{color:#fff;text-shadow:0 1px 2px #0f172a40;font-size:.82rem;font-weight:950}.siswa-action-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.siswa-action-heading .emis-mini-status{cursor:pointer;white-space:nowrap;border:0}.siswa-action-heading .emis-mini-status:disabled{cursor:wait;opacity:.78}.emis-status-checked{color:#64748b;margin-top:.45rem;font-size:.78rem;display:block}@media (width<=720px){.siswa-action-heading{display:grid}.siswa-action-heading .emis-mini-status{justify-self:start}}.siswa-action-card{grid-template-columns:minmax(220px,.7fr) auto minmax(0,1.3fr)}.siswa-action-main{min-width:0}.siswa-action-status{justify-content:flex-end;align-self:start;align-items:flex-start;display:flex}.siswa-action-status .emis-mini-status{margin-left:auto}@media (width<=920px){.siswa-action-card{grid-template-columns:1fr}.siswa-action-status{justify-content:flex-start}.siswa-action-status .emis-mini-status{margin-left:0}}.siswa-action-card{padding-right:1.25rem;position:relative;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr)!important}.siswa-action-card .siswa-action-status{z-index:3;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;top:1rem;right:1rem}.siswa-action-card .siswa-action-main{padding-right:8.5rem}.siswa-action-card .siswa-top-actions{grid-column:2;padding-top:2.4rem}.siswa-action-card .emis-mini-status{box-shadow:0 8px 22px #0f766e1f;margin-left:0!important}@media (width<=920px){.siswa-action-card{padding-top:3.8rem;grid-template-columns:1fr!important}.siswa-action-card .siswa-action-main{padding-right:0}.siswa-action-card .siswa-top-actions{grid-column:auto;padding-top:0}.siswa-action-card .siswa-action-status{top:1rem;right:1rem}}.emis-install-guide{margin-bottom:1rem;display:grid}.emis-guide-card{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 18rem),linear-gradient(#fff,#f8fafc);border-color:#dbeafe}.emis-guide-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.emis-guide-head h2{color:#0f172a;letter-spacing:-.03em;margin:.15rem 0 .35rem}.emis-guide-head p{color:#64748b;margin:0;line-height:1.55}.emis-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.emis-guide-steps>div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:.7rem;padding:.85rem;display:grid}.emis-guide-steps strong{color:#fff;background:#0f766e;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:950;display:grid}.emis-guide-steps span{color:#334155;font-size:.92rem;line-height:1.5}.emis-guide-steps code{color:#0f172a;background:#f1f5f9;border-radius:8px;padding:.12rem .32rem}.emis-guide-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;margin-top:.85rem;padding:.85rem .95rem;line-height:1.5}@media (width<=820px){.emis-guide-head{display:grid}.emis-guide-steps{grid-template-columns:1fr}}.emis-integration-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:1rem;display:grid}.emis-integration-grid .emis-connect-clean,.emis-integration-grid .emis-install-guide{margin:0}.emis-integration-grid .panel{height:100%}.emis-integration-guide .emis-guide-card{position:sticky;top:1rem}.emis-integration-guide .emis-guide-head{gap:.8rem;display:grid}.emis-integration-guide .emis-guide-steps{grid-template-columns:1fr}.emis-integration-guide .emis-guide-steps>div{padding:.72rem}.emis-integration-guide .emis-guide-steps span{font-size:.88rem}@media (width<=1080px){.emis-integration-grid{grid-template-columns:1fr}.emis-integration-guide .emis-guide-card{position:static}}.compact-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.compact-actions button{min-height:38px}@media (width<=640px){.compact-actions{grid-template-columns:1fr;width:100%;display:grid}.compact-actions button{width:100%}}.guru-action-card{margin-top:1rem}.guru-filter-card{width:100%}.guru-filter-grid{grid-template-columns:minmax(280px,1fr) auto}.guru-row-actions{border-color:#ccfbf1}.guru-row-actions button{font-size:.78rem}@media (width<=760px){.guru-filter-grid{grid-template-columns:1fr}}.license-sidebar-badge{color:#dcfce7;background:#dcfce724;border:1px solid #86efac38;border-radius:16px;gap:.1rem;margin:.65rem 0 .2rem;padding:.65rem .75rem;text-decoration:none;display:grid}.license-sidebar-badge span{text-transform:capitalize;font-size:.82rem;font-weight:950}.license-sidebar-badge small{color:#99f6e4;font-size:.72rem}.license-sidebar-badge.danger{color:#fecaca;background:#fee2e21f;border-color:#fca5a54d}.license-sidebar-badge.active{box-shadow:inset 3px 0 #14b8a6}