@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta-regular.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta-light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}:root{--primary:#0f624c;--primary-deep:#0a4737;--primary-soft:#157a5f;--text:#122620;--muted:#526860;--canvas:#eaf0ed;--surface:#f4f7f6;--paper:#fff;--tint:#e6f4ef;--tint-strong:#c4e5d9;--border:#dde6e2;--border-strong:#b9cbc3;--warning:#b45309;--warning-tint:#fef3c7;--warning-border:#f59e0b59;--error:#be123c;--error-tint:#ffe4e6;--error-border:#f43f5e4d;--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f2d230a;--shadow-sm:0 2px 8px -2px #0f2d230f, 0 1px 3px -1px #0f2d230a;--shadow-md:0 10px 26px -6px #0f2d2317, 0 3px 8px -2px #0f2d230a;--shadow-hero:0 12px 28px -8px #0f624c47;--shadow-shell:0 16px 48px -12px #0c261e1f, 0 2px 10px -2px #0c261e0d;--lebar-shell:560px;--jarak-section:22px;--jarak-section-awal:4px;--tinggi-baris-menu:56px;--padding-baris-menu:11px 14px;--padding-baris-data:10px 14px;--padding-baris-dokumen:12px 14px;--margin-notice:14px;--padding-notice:11px 14px;--tinggi-child-switch:68px;--padding-child-switch:12px 14px;--jarak-child-switch:16px;--tinggi-kontrol:44px;--padding-kontrol:10px 16px;--tinggi-tombol-teks:40px;--tinggi-input:44px;--padding-input:10px 13px;--tinggi-input-kecil:40px;--padding-input-kecil:7px 10px;--padding-tombol-kecil:8px 14px;--tinggi-textarea:80px;--jarak-field:16px;--baris-teks:1.55;--baris-kecil:1.55;--baris-paragraf:1.65;--padding-tepi:18px;--padding-halaman-atas:18px;--padding-halaman-bawah:28px;--padding-blok:16px;--padding-kotak:13px 14px;color:var(--text);background:var(--canvas);font-synthesis:weight;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{font-size:14px;line-height:var(--baris-teks);background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit;border-radius:var(--radius-sm)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{-webkit-appearance:none;appearance:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{cursor:default;opacity:.55}button,input{max-width:100%}a{color:var(--primary)}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}main:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}h1{letter-spacing:-.035em;font-size:24px;line-height:1.28}h2{letter-spacing:-.025em;font-size:18px;line-height:1.35}h3{letter-spacing:-.015em;font-size:15px;line-height:1.45}p{overflow-wrap:anywhere}img{max-width:100%;display:block}.icon{fill:currentColor;vertical-align:middle;flex:none;width:20px;height:20px}.app-container{min-height:100vh;background:radial-gradient(circle at 50% 0%, #dcebe5 0%, var(--canvas) 65%);justify-content:center;min-height:100dvh;display:flex}.app-shell{width:100%;max-width:var(--lebar-shell);height:100vh;background:var(--surface);height:100dvh;min-height:0;padding-top:env(safe-area-inset-top,0px);border-inline:1px solid var(--border);flex-direction:column;transition:max-width .2s;display:flex;position:relative;overflow:hidden}.screen{min-width:0;min-height:0;padding:var(--padding-halaman-atas) var(--padding-tepi) var(--padding-halaman-bawah);overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b4c8bf transparent;flex:1;overflow-y:auto}.screen>:last-child{margin-bottom:0}.screen:only-child{padding-bottom:max(var(--padding-halaman-bawah), env(safe-area-inset-bottom,0px))}.centered{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.centered .app-logo{border-radius:var(--radius-md);width:58px;height:58px;box-shadow:var(--shadow-sm)}.skip-link{z-index:30;background:var(--paper);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);border:1px solid var(--primary);padding:10px 14px;font-weight:600;position:absolute;top:8px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-logo{object-fit:contain;border-radius:8px;flex:none;width:34px;height:34px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:10;background:#fffffff0;flex:none;align-items:center;gap:10px;min-height:58px;padding:8px 16px;display:flex}.topbar h1{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden}.icon-button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.topbar>.icon-button:first-child{margin-left:-6px}.icon-button:hover{background:var(--tint);color:var(--primary)}.screen>.icon-button{background:var(--paper);border:1px solid var(--border);width:auto;height:38px;box-shadow:var(--shadow-xs);gap:6px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:600}.bottom-nav{min-height:64px;padding:6px 10px max(6px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:#fffffff5;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.bottom-nav-dua{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav a{border-radius:var(--radius-md);min-width:0;min-height:50px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.bottom-nav a .icon{width:20px;height:20px}.bottom-nav a[aria-current=page]{color:var(--primary);background:var(--tint);font-weight:600}.bottom-nav a:hover{background:var(--surface);color:var(--primary)}.bottom-nav a[aria-current=page]:hover{background:var(--tint)}.bottom-nav a:focus-visible{outline-offset:-2px}.button{width:100%;min-height:var(--tinggi-kontrol);padding:var(--padding-kontrol);border-radius:var(--radius-md);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:1.45;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(180deg, var(--primary-soft) 0%, var(--primary) 100%);border-color:var(--primary);box-shadow:0 2px 6px #0f624c38}.button-primary:hover:not(:disabled){background:var(--primary-deep);border-color:var(--primary-deep);box-shadow:0 4px 10px #0a473747}.button-secondary{color:var(--primary);background:var(--paper);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.button-secondary:hover:not(:disabled){background:var(--tint);border-color:var(--primary)}.button-quiet{color:var(--error);background:var(--paper);border-color:var(--border);margin-top:12px}.button-quiet:hover:not(:disabled){background:var(--error-tint);border-color:var(--error-border)}.text-button{min-height:var(--tinggi-tombol-teks);border-radius:var(--radius-xs);color:var(--primary);text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;padding:6px 2px;font-size:13px;font-weight:600;line-height:1.45;text-decoration:underline;display:inline-flex}.text-button:hover{color:var(--primary-deep)}.subtle{color:var(--muted);font-size:12px;line-height:var(--baris-kecil)}.section-title{margin:var(--jarak-section) 0 10px;letter-spacing:-.02em;color:var(--text);font-size:15px;font-weight:600;line-height:1.4}section:first-child>.section-title:first-child{margin-top:var(--jarak-section-awal)}.welcome{margin-bottom:18px}.welcome p{color:var(--muted);font-size:13px}.welcome .welcome-title{letter-spacing:-.035em;overflow-wrap:anywhere;margin:2px 0 4px;font-size:22px;line-height:1.28}.welcome>span{color:var(--muted);font-size:12px}.avatar{border-radius:var(--radius-pill);background:var(--tint);border:1px solid var(--tint-strong);width:40px;height:40px;color:var(--primary);letter-spacing:-.02em;flex:none;place-items:center;font-size:13px;font-weight:600;display:inline-grid}.avatar-large{width:52px;height:52px;font-size:17px}.avatar-calon{color:var(--warning);background:var(--warning-tint);border-color:var(--warning-border)}.row-copy{text-align:left;flex:1;min-width:0;display:block}.row-copy strong{overflow-wrap:anywhere;font-size:14px;line-height:1.45;display:block}.row-copy small{color:var(--muted);font-size:12px;line-height:var(--baris-kecil);overflow-wrap:anywhere;margin-top:2px;display:block}.child-switch{width:100%;min-height:var(--tinggi-child-switch);padding:var(--padding-child-switch);margin-bottom:var(--jarak-child-switch);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);text-align:left;align-items:center;gap:12px;display:flex}.child-switch>.icon{width:18px;height:18px;color:var(--muted)}.child-switch:hover{border-color:var(--primary);background:#fcfefd}.child-switch:hover .row-copy strong{color:var(--primary)}.institution-picker{flex-wrap:wrap;gap:8px;margin:-4px 0 18px;display:flex}.institution-picker button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--paper);min-width:56px;min-height:36px;color:var(--muted);box-shadow:var(--shadow-xs);padding:6px 14px;font-size:12px;font-weight:500}.institution-picker button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 6px #0f624c38}.home-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-hero);margin:6px 0 22px;padding:18px 20px 10px}.hero-label{color:#d6ede4;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.hero-label .icon{width:17px;height:17px}.home-hero h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin-top:10px;font-size:20px;line-height:1.35}.home-hero p{color:#dcf0e8;font-size:12px;line-height:var(--baris-paragraf);margin-top:8px}.hero-link{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff38;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:14px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.hero-link:hover{color:#e2f5ec}.hero-link:focus-visible{outline-color:#f6d375}.hero-link .icon{width:17px;height:17px}.family-summary{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;display:grid}.family-summary>div{padding:var(--padding-kotak);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;display:flex}.family-summary strong{color:var(--primary);letter-spacing:-.03em;font-size:21px;line-height:1.25}.family-summary span{color:var(--muted);font-size:11px;line-height:1.45}.family-summary>.subtle{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);grid-column:1/-1;margin:0;padding:8px 12px;font-size:11px}.attention-card{padding:var(--padding-blok);background:var(--paper);border:1px solid var(--warning-border);border-left:4px solid var(--warning);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:10px}.attention-card strong{font-size:14px;line-height:1.45;display:block}.attention-card p{color:var(--muted);font-size:12px;line-height:var(--baris-kecil);margin-top:4px}.attention-card .text-button{margin-top:4px}.list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.list-row{width:100%;min-height:var(--tinggi-baris-menu);padding:var(--padding-baris-menu);border:0;border-bottom:1px solid var(--border);background:var(--paper);text-align:left;border-radius:0;align-items:center;gap:12px;display:flex}.list>.list-row:last-child{border-bottom:0}.screen>.list-row{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:8px}.row-icon{border-radius:var(--radius-sm);background:var(--tint);width:38px;height:38px;color:var(--primary);flex:none;place-items:center;display:inline-grid}.row-icon .icon{width:20px;height:20px}.list-row>.icon:last-child{width:17px;height:17px;color:var(--muted)}.list-row>input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);border-radius:4px;flex:none}.tagihan-amount{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.tagihan-amount strong{white-space:nowrap;font-size:13px;line-height:1.45}.tagihan-amount small{color:var(--muted);font-size:11px;line-height:1.45}.list-row:hover{background:#f8fbf9}.list-row:hover .row-copy strong,.child-card:hover .row-copy strong{color:var(--primary)}.child-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);width:100%;min-height:84px;box-shadow:var(--shadow-xs);text-align:left;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.child-card:hover{border-color:var(--primary);background:#fcfefd}.child-card>.icon{width:19px;height:19px;color:var(--primary)}.badge{border:1px solid var(--tint-strong);border-radius:var(--radius-pill);background:var(--tint);width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--primary);vertical-align:middle;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.row-copy .badge{margin-top:6px}.badge-warning{border-color:var(--warning-border);background:var(--warning-tint);color:var(--warning)}.page-intro{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:16px;padding:16px}.page-intro>.avatar,.page-intro>.empty-icon{margin-bottom:12px}.page-intro h2{margin-bottom:4px;font-size:20px}.page-intro p{color:var(--muted);font-size:13px;line-height:var(--baris-paragraf)}.page-intro>.badge{margin-top:10px}.account-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:14px;margin-bottom:16px;padding:16px;display:grid}.account-card>.avatar{grid-row:1/3}.account-card h2{overflow-wrap:anywhere;align-self:end;font-size:18px}.account-card p{color:var(--muted);align-self:start;font-size:12px}.key-values{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin:0 0 18px;overflow:hidden}.key-values>div{padding:var(--padding-baris-data);border-bottom:1px solid var(--border);grid-template-columns:minmax(88px,.75fr) minmax(0,1.25fr);align-items:center;gap:12px;display:grid}.key-values>div:last-child{border-bottom:0}.key-values dt{color:var(--muted);font-size:12px;line-height:var(--baris-kecil)}.key-values dd{overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500}.key-values dd input[type=number]{width:112px;max-width:100%;min-height:var(--tinggi-input-kecil);padding:var(--padding-input-kecil);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.key-values dd input[type=number]:hover:not(:disabled){border-color:var(--primary)}.install-button{margin-top:16px}.install-button+.button{margin-top:10px}.registration-card{padding:var(--padding-blok);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:10px}.registration-card h3{overflow-wrap:anywhere;margin:4px 0}.registration-card p{color:var(--muted);margin-bottom:8px;font-size:12px}.agenda-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-xs);text-align:left;margin-bottom:10px;padding:15px 16px;display:block}.agenda-card:hover{border-color:var(--primary);background:#fcfefd}.agenda-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.agenda-card-head .icon{width:17px;height:17px;color:var(--muted)}.agenda-card-title{letter-spacing:-.015em;overflow-wrap:anywhere;margin:5px 0 4px;font-size:15px;font-weight:600;line-height:1.45;display:block}.agenda-card-meta{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.agenda-card:hover .agenda-card-title{color:var(--primary)}.nilai-filter{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px;display:grid}.nilai-filter .field{margin-bottom:12px}.nilai-ringkasan{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;display:grid}.nilai-ringkasan>div{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-xs);flex-direction:column;gap:2px;padding:11px 12px;display:flex}.nilai-ringkasan strong{color:var(--primary);letter-spacing:-.025em;font-size:17px;line-height:1.3}.nilai-ringkasan span{color:var(--muted);font-size:11px;line-height:1.4}.nilai-list{border:0;gap:12px;display:grid}.nilai-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:16px}.nilai-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.nilai-card-head>.badge{flex:none;margin-top:2px}.nilai-komponen{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-bottom:12px;display:grid}.nilai-sel{flex-direction:column;gap:5px;min-width:0;display:flex}.nilai-sel-label{overflow-wrap:anywhere;font-size:11px;font-weight:600;line-height:1.45}.nilai-sel-label small{color:var(--muted);font-weight:400}.nilai-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:42px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;padding:8px 11px;font-size:15px;line-height:1.45}.nilai-input:hover:not(:disabled){border-color:var(--primary)}.nilai-input:disabled{color:var(--muted);background:var(--surface)}.nilai-input[aria-invalid=true]{border-color:var(--error)}.nilai-baca{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:8px 11px;display:flex}.nilai-baca strong{font-size:15px}.nilai-baca small{color:var(--muted);text-align:right;font-size:10px}.nilai-akhir{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:6px 12px;padding-top:12px;display:grid}.nilai-akhir-label{font-size:13px;font-weight:600}.nilai-akhir>small{color:var(--muted);font-size:11px;line-height:var(--baris-kecil);grid-column:1/-1}.nilai-akhir>.nilai-status,.nilai-akhir>.nilai-error,.nilai-akhir>.nilai-ulang{grid-column:2;justify-self:end}.nilai-status{color:var(--muted);font-size:11px;line-height:1.45;display:block}.nilai-status-ok{color:var(--primary);font-weight:600}.nilai-status-error{color:var(--error);font-weight:600}.nilai-error{color:var(--error);font-size:11px;line-height:var(--baris-kecil);display:block}.nilai-ulang{min-height:var(--tinggi-tombol-teks);padding:0;font-size:11px}.nilai-helper{color:var(--warning);font-size:11px;line-height:var(--baris-kecil);margin:8px 0 0}.document-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.document-row{padding:var(--padding-baris-dokumen);border-bottom:1px solid var(--border);grid-template-columns:38px minmax(0,1fr);align-items:start;column-gap:12px;display:grid}.document-row:last-child{border-bottom:0}.document-row .row-icon{grid-row:1/2}.document-row .row-copy{grid-column:2}.document-row .badge{grid-column:2;margin-top:6px}.document-actions{flex-wrap:wrap;grid-column:2;gap:4px 18px;margin-top:4px;display:flex}.document-actions .text-button{justify-content:flex-start}.document-row .form-error{grid-column:2;margin:6px 0 0}.help-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:8px;overflow:hidden}.help-item summary{cursor:pointer;min-height:50px;padding:14px 16px;font-size:13px;font-weight:600}.help-item p{color:var(--muted);font-size:12px;line-height:var(--baris-paragraf);padding:0 16px 14px}.empty-state{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;padding:20px;display:flex}.empty-icon{border-radius:var(--radius-md);background:var(--tint);width:48px;height:48px;color:var(--primary);place-items:center;display:inline-grid}.empty-icon .icon{width:24px;height:24px}.empty-state h2{margin-top:14px;font-size:19px;line-height:1.35}.empty-state>p{color:var(--muted);font-size:13px;line-height:var(--baris-paragraf);margin-top:6px}.empty-state>.button{margin-top:16px}.notice{padding:var(--padding-notice);margin:var(--margin-notice) 0;background:var(--tint);color:var(--primary-deep);border:1px solid var(--tint-strong);border-left:4px solid var(--primary);border-radius:var(--radius-md);font-size:12px;line-height:var(--baris-paragraf);align-items:flex-start;gap:10px;display:flex}.notice .icon{width:18px;height:18px;color:var(--primary);margin-top:2px}.notice-warning{border-color:var(--warning-border);border-left-color:var(--warning);background:var(--warning-tint);color:#78350f;flex-wrap:wrap}.notice-warning .icon{color:var(--warning)}.notice-warning>span{flex:180px}.notice-warning .text-button{min-height:var(--tinggi-tombol-teks);color:#78350f;margin-block-start:-6px;margin-block-end:-6px;padding:0 4px}.offline-banner{color:#78350f;background:var(--warning-tint);border-bottom:1px solid var(--warning-border);font-size:12px;font-weight:500;line-height:var(--baris-kecil);flex:none;align-items:center;gap:9px;padding:10px 18px;display:flex}.offline-banner .icon{width:18px;height:18px;color:var(--warning);flex:none}.update-notice{padding:12px 18px max(10px, env(safe-area-inset-bottom,0px));background:var(--tint);border-top:1px solid var(--tint-strong);flex:none;font-size:12px}.update-notice>strong{font-size:13px;display:block}.update-notice>p{color:var(--muted);line-height:var(--baris-kecil);margin-top:3px}.notice-actions{gap:20px;margin-top:4px;display:flex}.notice-actions .text-button{justify-content:flex-start;min-width:56px}.update-notice [role=alert]{color:var(--error)}.auth-screen{padding-top:28px}.auth-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-brand .app-logo{border-radius:var(--radius-md);width:46px;height:46px;box-shadow:var(--shadow-xs)}.auth-brand>span{letter-spacing:-.025em;max-width:180px;color:var(--primary-deep);font-size:16px;font-weight:700;line-height:1.4}.auth-intro{margin-bottom:22px}.auth-intro h1{letter-spacing:-.04em;font-size:28px;line-height:1.25}.auth-intro .auth-subheading{letter-spacing:-.035em;font-size:22px;line-height:1.3}.auth-intro p{max-width:38ch;color:var(--muted);font-size:13px;line-height:var(--baris-paragraf);margin-top:8px}.auth-intro>.empty-icon{margin-bottom:16px}.auth-screen>form{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.field{margin-bottom:var(--jarak-field);flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text);font-size:12px;font-weight:600}.field input,.field select{width:100%;min-height:var(--tinggi-input);padding:var(--padding-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);-webkit-appearance:none;appearance:none;box-shadow:var(--shadow-xs);font-size:14px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#7a8d85;opacity:1;font-size:13px}.field input:hover:not(:disabled),.field select:hover:not(:disabled){border-color:var(--primary)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0f624c24}.field input:disabled,.field select:disabled{color:var(--muted);background:var(--surface);box-shadow:none}.field input[aria-invalid=true]{border-color:var(--error)}.field>span.field-sandi{font-size:inherit;font-weight:inherit;display:block;position:relative}.field-sandi input{padding-right:48px}.field-toggle{border-radius:var(--radius-xs);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field-toggle:hover:not(:disabled){color:var(--primary);background:var(--surface)}.field-toggle:disabled{cursor:default;opacity:.5}.field-toggle svg{width:19px;height:19px}.field textarea{width:100%;min-height:var(--tinggi-textarea);padding:var(--padding-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);resize:vertical;box-shadow:var(--shadow-xs);font-size:14px;line-height:1.5}.field textarea:hover:not(:disabled){border-color:var(--primary)}.field textarea:disabled{color:var(--muted);background:var(--surface)}.field input[type=file]{padding:8px 10px;font-size:12px}.field small{color:var(--muted);font-size:11px}.form-error{padding:var(--padding-notice);border:1px solid var(--error-border);border-left:4px solid var(--error);border-radius:var(--radius-md);background:var(--error-tint);color:var(--error);font-size:12px;line-height:var(--baris-paragraf);margin:0 0 14px}form>.button{margin-top:4px}.auth-help{margin:14px auto 0;display:flex}.auth-actions{justify-content:space-between;gap:14px;margin-top:16px;display:flex}.auth-footer{border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:var(--baris-paragraf);align-items:flex-start;gap:8px;margin-top:20px;padding-top:16px;display:flex}.auth-footer .icon{width:16px;height:16px;color:var(--primary);flex:none}.loading-state{color:var(--muted);padding:6px 0;font-size:12px}.loading-state>span{margin-top:6px;display:inline-block}.skeleton{border-radius:var(--radius-md);background:linear-gradient(100deg,#e5eeea 25%,#f2f7f4 45%,#e5eeea 65%) 0 0/250% 100%;height:68px;margin-bottom:14px;animation:1.6s ease-in-out infinite skeleton-pulse}.skeleton-large{border-radius:var(--radius-lg);height:180px}@keyframes skeleton-pulse{to{background-position:-170% 0}}.dialog-backdrop{z-index:20;padding-top:max(24px, env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(3px);background:#0c221b8f;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialog{overscroll-behavior-y:contain;width:100%;min-height:120px;max-height:90%;padding:16px var(--padding-tepi) max(22px, env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-y:auto;box-shadow:0 -12px 36px #0c221b2e}.dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dialog>header h2{flex:1;min-width:0;font-size:18px}.dialog>header .icon-button{margin-right:-8px}.dialog>p{color:var(--muted);font-size:13px;line-height:var(--baris-paragraf);margin-bottom:16px}.dialog>.button+.button{margin-top:10px}.dialog .section-title{margin-top:16px}.dialog .child-card .avatar-large{width:44px;height:44px;font-size:15px}@media (min-width:600px){:root{--lebar-shell:680px;--padding-tepi:24px}.app-shell[data-peran=tamu]{--lebar-shell:480px}.app-container{align-items:stretch;padding:16px}.app-shell{height:calc(100vh - 32px);border:1px solid var(--border);border-radius:var(--radius-xl);height:calc(100dvh - 32px);box-shadow:var(--shadow-shell)}.topbar{padding-inline-start:24px;padding-inline-end:24px}.auth-screen{padding-top:32px}.dialog-backdrop{align-items:center;padding:24px}.dialog{border:1px solid var(--border);border-radius:var(--radius-xl);max-width:480px;box-shadow:var(--shadow-md)}}@media (min-width:960px){:root{--lebar-shell:780px;--padding-tepi:28px}.app-shell[data-peran=kasir],.app-shell[data-peran=guru],.app-shell[data-peran=pimpinan]{--lebar-shell:940px}}@media (max-width:360px){.screen,.topbar{padding-inline-start:14px;padding-inline-end:14px}.topbar h1{font-size:14px}.auth-intro h1{font-size:24px}.home-hero{padding-inline-start:16px;padding-inline-end:16px}.home-hero h2{font-size:18px}.row-copy strong{font-size:13px}.child-card{gap:10px;padding:12px}.child-card .avatar-large{width:44px;height:44px;font-size:15px}.bottom-nav{padding-inline-start:6px;padding-inline-end:6px}}@media (max-height:680px){.auth-screen{padding-top:16px}.auth-brand{margin-bottom:18px}.auth-intro{margin-bottom:16px}.auth-footer{margin-top:14px;padding-top:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.skeleton{background:var(--tint)}}@media (forced-colors:active){.bottom-nav a[aria-current=page],.institution-picker button[aria-pressed=true]{outline-offset:-3px;outline:2px solid buttontext}.button,.avatar,.empty-icon{border:1px solid buttontext}}.keuangan-summary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-hero);margin:0 0 16px;padding:18px 20px}.keuangan-summary>span{color:#d6ede4;font-size:11px;font-weight:500;display:block}.keuangan-summary>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:4px 0;font-size:26px;line-height:1.2;display:block}.keuangan-summary>small{color:#d6ede4;font-size:11px;display:block}.keuangan-tabs{background:var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:14px;padding:4px;display:grid}.keuangan-tabs button{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);background:0 0;border:0;font-size:12px;font-weight:600}.keuangan-tabs button[aria-pressed=true]{background:var(--paper);color:var(--primary);box-shadow:var(--shadow-xs)}.keuangan-filter{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.keuangan-filter label{color:var(--muted);flex-direction:column;gap:5px;font-size:11px;font-weight:600;display:flex}.keuangan-filter select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:40px;color:var(--text);box-shadow:var(--shadow-xs);padding:7px 10px;font-size:12px}.keuangan-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.keuangan-section-head .section-title{margin-bottom:0}.keuangan-section-head .text-button{flex:none}.tagihan-list,.pembayaran-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:16px;overflow:hidden}.tagihan-row,.pembayaran-row{border:0;border-bottom:1px solid var(--border);background:var(--paper);text-align:left;border-radius:0;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;display:flex}.tagihan-list>:last-child,.pembayaran-list>:last-child{border-bottom:0}.tagihan-row-main,.pembayaran-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tagihan-row-main strong,.pembayaran-row-main strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.tagihan-row-main small,.pembayaran-row-main small{color:var(--muted);font-size:11px;line-height:var(--baris-kecil)}.tagihan-row-amount,.pembayaran-row-amount{flex-direction:column;flex:none;align-items:flex-end;gap:4px;max-width:44%;display:flex}.tagihan-row-amount strong,.pembayaran-row-amount strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.tagihan-row-amount small{color:var(--warning);font-size:10px;font-weight:500}.tagihan-row>.icon,.pembayaran-row>.icon{width:18px;height:18px;color:var(--muted)}.tagihan-row:hover,.pembayaran-row:hover{background:#f8fbf9}.pembayaran-row-lama{cursor:default}.tagihan-detail-head{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:14px;padding:16px}.tagihan-detail-head h2{overflow-wrap:anywhere;margin:4px 0 6px;font-size:20px}.tagihan-detail-head strong{color:var(--primary);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:24px}.kwitansi-sheet{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);padding:20px}.kwitansi-head{border-bottom:2px solid var(--primary);align-items:center;gap:12px;padding-bottom:14px;display:flex}.kwitansi-head .app-logo{width:44px;height:44px}.kwitansi-head div{flex-direction:column;gap:2px;display:flex}.kwitansi-head strong{font-size:13px;line-height:1.45}.kwitansi-head span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.kwitansi-no{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:14px 0 8px;font-size:12px;font-weight:600}.kwitansi-sheet .key-values{border:1px solid var(--border);box-shadow:none}.kwitansi-sheet .key-values dd{font-variant-numeric:tabular-nums}.receipt-actions{flex-direction:column;gap:9px;margin-top:16px;display:flex}.receipt-actions .button{margin-top:0}.receipt-status{border:1px solid var(--tint-strong);border-left:4px solid var(--primary);border-radius:var(--radius-sm);background:var(--tint);color:var(--primary-deep);font-size:12px;line-height:var(--baris-kecil);margin:10px 0 0;padding:10px 12px}.receipt-status-error{border-color:var(--error-border);border-left-color:var(--error);background:var(--error-tint);color:var(--error)}.cetak-opsi{border:0;gap:8px;margin:0 0 16px;padding:0;display:grid}.cetak-opsi legend{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.cetak-opsi-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);min-height:52px;box-shadow:var(--shadow-xs);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.cetak-opsi-item.aktif{border-color:var(--primary);background:var(--tint)}.cetak-opsi-item input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:2px 0 0}.cetak-opsi-item span{min-width:0}.cetak-opsi-item strong{font-size:13px;line-height:1.45;display:block}.cetak-opsi-item small{color:var(--muted);font-size:11px;line-height:var(--baris-kecil);margin-top:2px;display:block}.kasir-bayar-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:16px;overflow:hidden}.kasir-bayar-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.kasir-bayar-list>.kasir-bayar-row:last-child{border-bottom:0}.kasir-bayar-row .row-copy{flex:1;min-width:0}.kasir-bayar-row .row-copy small{display:block}.kasir-bayar-input{width:136px;color:var(--muted);flex-direction:column;flex:none;gap:4px;font-size:11px;font-weight:600;display:flex}.kasir-bayar-input input{width:100%;min-height:var(--tinggi-input-kecil);padding:var(--padding-input-kecil);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.kasir-bayar-input input:hover:not(:disabled){border-color:var(--primary)}.kasir-bayar-input input[aria-invalid=true]{border-color:var(--error)}.kasir-bayar-input small{font-size:10px;font-weight:400;line-height:1.45}.kasir-konfirmasi-baris{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:10px 0 16px;overflow:hidden}.kasir-konfirmasi-baris>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 12px;font-size:12px;display:flex}.kasir-konfirmasi-baris>div:last-child{border-bottom:0}.kasir-konfirmasi-baris span{overflow-wrap:anywhere;min-width:0}.kasir-konfirmasi-baris strong{font-variant-numeric:tabular-nums;flex:none}@media (max-width:400px){.kasir-bayar-row{flex-wrap:wrap}.kasir-bayar-input{width:100%}.kasir-bayar-input input{text-align:left}}.keuangan-summary-tunggakan{background:linear-gradient(135deg, var(--primary-deep) 0%, #073327 100%)}.aging-grid{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.aging-card{padding:var(--padding-kotak);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.aging-card span{color:var(--muted);font-size:11px;line-height:1.4;display:block}.aging-card strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:3px;font-size:14px;display:block}.aging-card-warning{border-color:var(--error-border);background:snow}.aging-card-warning strong{color:var(--error)}.tunggakan-groups{margin-bottom:8px}.tunggakan-periode h3{color:var(--muted);margin:14px 0 8px;font-size:12px;font-weight:600}.tunggakan-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.tunggakan-row{border:0;border-bottom:1px solid var(--border);background:var(--paper);text-align:left;border-radius:0;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;display:flex}.tunggakan-list>:last-child{border-bottom:0}.tunggakan-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tunggakan-row-main strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.tunggakan-row-main small{color:var(--muted);font-size:11px;line-height:var(--baris-kecil)}.tunggakan-row-amount{flex-direction:column;flex:none;align-items:flex-end;gap:4px;max-width:46%;display:flex}.tunggakan-row-amount strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.tunggakan-row>.icon{width:18px;height:18px;color:var(--muted)}.tunggakan-row:hover{background:#f8fbf9}.tunggakan-row-terlambat{border-left:3px solid var(--warning)}.riwayat-summary{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:14px 16px}.riwayat-summary span{color:var(--muted);font-size:11px;display:block}.riwayat-summary strong{color:var(--primary);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:22px;display:block}.riwayat-summary small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.riwayat-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.riwayat-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.riwayat-list>:last-child{border-bottom:0}.riwayat-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.riwayat-row-main strong{font-variant-numeric:tabular-nums;font-size:13px}.riwayat-row-main small{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.45}.riwayat-row-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;max-width:45%;display:flex}.riwayat-row-batal{opacity:.65}.presensi-month-nav{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.presensi-month-nav strong{text-align:center;flex:1;font-size:15px}.presensi-stats{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.presensi-stats>div{padding:var(--padding-kotak);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.presensi-stats dt{color:var(--muted);font-size:11px}.presensi-stats dd{color:var(--primary);font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:20px;font-weight:600;line-height:1.25}.presensi-calendar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);box-shadow:var(--shadow-xs);margin-bottom:12px;overflow:hidden}.presensi-calendar-week,.presensi-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.presensi-calendar-week span{background:var(--surface);color:var(--muted);text-align:center;padding:8px 2px;font-size:10px;font-weight:600}.presensi-calendar-grid{margin-top:1px}.presensi-calendar-grid>span{background:var(--paper);min-height:50px}.presensi-day{background:var(--paper);text-align:left;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;min-height:50px;padding:5px 4px;display:flex}.presensi-day strong{font-size:11px;line-height:1.2}.presensi-day small{color:var(--primary);overflow-wrap:anywhere;font-size:8.5px;line-height:1.25}.presensi-day-libur{background:var(--surface)}.presensi-day-libur small,.presensi-day-kosong small{color:var(--muted)}.presensi-day:hover{background:var(--tint)}.presensi-legend{color:var(--muted);flex-wrap:wrap;gap:8px 14px;margin:0 0 16px;font-size:11px;display:flex}.presensi-legend>span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:var(--radius-pill);background:var(--primary);width:8px;height:8px;display:inline-block}.legend-sakit{background:var(--warning)}.legend-izin{background:#94651b}.legend-alpa{background:var(--error)}.legend-libur{background:var(--muted)}.legend-kosong{background:var(--border-strong)}.presensi-session-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:16px;overflow:hidden}.presensi-session-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.presensi-session-list>:last-child{border-bottom:0}.presensi-session-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.presensi-session-main strong{overflow-wrap:anywhere;font-size:13px;line-height:1.45}.presensi-session-main small{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.45}.perilaku-intro{padding-bottom:14px}.perilaku-list{border:0;gap:10px;display:grid}.perilaku-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:15px 16px}.perilaku-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.perilaku-head strong{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.perilaku-card p{font-size:12px;line-height:var(--baris-paragraf);overflow-wrap:anywhere;margin-top:6px}.perilaku-card .subtle{margin-top:4px}@media (min-width:400px){.presensi-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.perilaku-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pengajuan-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:16px}.pengajuan-head,.pengajuan-card>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.pengajuan-head small,.pengajuan-card>header small{color:var(--muted);text-align:right;flex:none;font-size:11px;line-height:1.45}.pengajuan-card>p{font-size:12px;line-height:var(--baris-kecil);overflow-wrap:anywhere;margin-top:4px}.pengajuan-card .key-values{box-shadow:none;margin-bottom:12px}.pengajuan-card .notice{margin-bottom:12px}.pengajuan-card .button{margin-top:12px}.pengajuan-card .button+.button{margin-top:8px}.pengajuan-ditolak,.pengajuan-dibatalkan{border-left:4px solid var(--warning)}.pengajuan-disetujui{border-left:4px solid var(--primary)}.konfirmasi-form{margin-top:16px}.file-terpilih{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:8px;margin:-6px 0 14px;font-size:11px;display:flex}.file-terpilih .icon{flex:none;width:16px;height:16px}@media (max-width:360px){.keuangan-filter{grid-template-columns:1fr}.tagihan-row-amount,.pembayaran-row-amount{max-width:40%}}@media (min-width:420px){.aging-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.psb-ringkasan strong{letter-spacing:0;font-size:14px}.mode-tabs{background:var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 16px;padding:4px;display:grid}.mode-tabs button{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);background:0 0;border:0;font-size:13px;font-weight:600}.mode-tabs button[aria-pressed=true]{background:var(--paper);color:var(--primary);box-shadow:var(--shadow-xs)}.check-row{font-size:12px;line-height:var(--baris-kecil);align-items:flex-start;gap:10px;margin:14px 0;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin-top:2px}.calon-actions{gap:10px;margin-top:18px;display:grid}.calon-actions .button{width:100%}.psb-kartu{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-hero);margin-bottom:12px;padding:18px 20px}.psb-kartu .subtle{color:#d6ede4}.psb-kartu h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:4px 0 6px;font-size:20px}.psb-kartu p{font-size:12px;line-height:var(--baris-kecil)}.psb-status{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.psb-status small{color:#d6ede4;font-size:11px}.psb-grup{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:10px;padding:0 14px}.psb-grup summary{cursor:pointer;align-items:center;min-height:48px;font-size:13px;font-weight:600;display:flex}.psb-fields{padding-bottom:8px}.psb-fields .field{margin-bottom:12px}.psb-checklist{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.psb-checklist-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 14px;display:flex}.psb-checklist>:last-child{border-bottom:0}.psb-checklist-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.psb-checklist-info strong{font-size:13px;line-height:1.45}.psb-checklist-info small{color:var(--muted);font-size:11px;line-height:1.45}.psb-unggah{color:var(--primary);flex-direction:column;flex:none;gap:4px;font-size:11px;font-weight:600;display:flex}.psb-unggah input{max-width:150px;font-size:11px}.psb-dokumen{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);margin:12px 0 0;padding:0;list-style:none;overflow:hidden}.psb-dokumen li{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.psb-dokumen li:last-child{border-bottom:0}.psb-dokumen strong{font-size:12px}.psb-dokumen small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.pengajuan-kartu{padding-top:4px}.pengajuan-kartu>.notice:first-child{margin-top:0}.pengajuan-banding h3{margin:16px 0 8px;font-size:13px;line-height:1.45}.comparison{background:0 0;border:0;gap:8px;margin-bottom:16px;display:grid}.comparison>div{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:12px 14px}.comparison span{color:var(--muted);font-size:11px;display:block}.comparison p{font-size:14px;line-height:var(--baris-kecil);overflow-wrap:anywhere;margin-top:3px}.pengajuan-rincian{border-top:1px solid var(--border);margin-top:10px}.pengajuan-rincian summary{cursor:pointer;align-items:center;min-height:44px;font-size:12px;font-weight:600;display:flex}.pengajuan-rincian .pengajuan-banding h3{margin-top:0}.topbar .icon-button{position:relative}.topbar-count{border-radius:var(--radius-pill);background:var(--error);color:#fff;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;right:3px}.bottom-nav .tab-count{border-radius:var(--radius-pill);background:var(--error);color:#fff;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:8.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:5px;left:calc(50% + 4px)}.notifikasi-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.notifikasi-head .text-button{flex:none}.notifikasi-list{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.notification-row{align-items:flex-start}.notification-row.is-unread{background:var(--tint)}.notification-row .row-icon{margin-top:1px}.notification-row .notice-dot{margin-top:7px}.notification-meta{color:var(--muted);font-size:11px;line-height:var(--baris-kecil)}.notice-dot{background:var(--primary);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notifikasi-judul{letter-spacing:-.025em;margin-top:8px;font-size:20px;line-height:1.35}.notifikasi-isi{font-size:14px;line-height:var(--baris-paragraf);margin-top:10px}.notifikasi-konteks{align-items:center}.notifikasi-konteks>div{min-width:0}.notifikasi-konteks p{color:var(--muted);font-size:11px;line-height:var(--baris-kecil);margin-top:2px}.preference-row{min-height:var(--tinggi-baris-menu);padding:var(--padding-baris-menu);background:var(--paper);border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;display:flex}.preference-row .row-copy{flex:1}.preference-row .row-copy small{color:var(--muted);font-size:11px;line-height:var(--baris-kecil)}.preference-children{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.preference-child{border-bottom:1px solid var(--border)}.preference-child:last-child,.preference-child .preference-row{border-bottom:0}.preference-child .text-button{margin:-4px 14px 8px}.preference-mode{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:6px;overflow:hidden}.preference-mode-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.preference-mode-item:last-child{border-bottom:0}.preference-mode-item .row-copy{flex:1;min-width:0}.preference-mode-item input{accent-color:var(--primary);flex:none}.toggle{-webkit-appearance:none;appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;flex:none;width:44px;height:26px;position:relative}.toggle:after{content:"";background:var(--muted);border-radius:50%;width:18px;height:18px;transition:left .15s,background .15s;position:absolute;top:3px;left:3px}.toggle:checked{background:var(--primary);border-color:var(--primary)}.toggle:checked:after{background:#fff;left:21px}.toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.preference-time{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.preference-time .field{margin-bottom:0}.preference-izin{align-items:flex-start}.preference-izin>div{min-width:0}.preference-izin p{color:var(--muted);font-size:11px;line-height:var(--baris-kecil);margin-top:2px}.kepadatan-opsi{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}html[data-kepadatan=rapat]{--jarak-section:14px;--jarak-section-awal:2px;--tinggi-baris-menu:48px;--padding-baris-menu:8px 12px;--padding-baris-data:7px 12px;--padding-baris-dokumen:8px 12px;--margin-notice:10px;--padding-notice:9px 12px;--tinggi-child-switch:58px;--padding-child-switch:9px 12px;--jarak-child-switch:12px;--tinggi-kontrol:38px;--padding-kontrol:8px 14px;--tinggi-tombol-teks:36px;--tinggi-input:38px;--padding-input:8px 11px;--tinggi-input-kecil:34px;--padding-input-kecil:5px 8px;--padding-tombol-kecil:6px 12px;--tinggi-textarea:68px;--jarak-field:12px;--baris-teks:1.45;--baris-kecil:1.45;--baris-paragraf:1.55;--padding-tepi:14px;--padding-halaman-atas:14px;--padding-halaman-bawah:20px;--padding-blok:12px;--padding-kotak:10px 12px}html[data-kepadatan=renggang]{--jarak-section:28px;--jarak-section-awal:8px;--tinggi-baris-menu:68px;--padding-baris-menu:14px 16px;--padding-baris-data:13px 16px;--padding-baris-dokumen:15px 16px;--margin-notice:18px;--padding-notice:14px 16px;--tinggi-child-switch:80px;--padding-child-switch:15px 16px;--jarak-child-switch:22px;--tinggi-kontrol:52px;--padding-kontrol:13px 18px;--tinggi-tombol-teks:48px;--tinggi-input:52px;--padding-input:13px 15px;--tinggi-input-kecil:46px;--padding-input-kecil:9px 12px;--padding-tombol-kecil:10px 16px;--tinggi-textarea:92px;--jarak-field:20px;--baris-teks:1.65;--baris-kecil:1.7;--baris-paragraf:1.8;--padding-tepi:22px;--padding-halaman-atas:24px;--padding-halaman-bawah:32px;--padding-blok:20px;--padding-kotak:16px}@media print{body{background:#fff}.topbar,.bottom-nav,.offline-banner,.update-notice,.receipt-actions,.receipt-status,.child-switch,.skip-link,.kasir-kwitansi-kembali,.dialog-backdrop{display:none!important}.app-container,.app-shell{width:auto;max-width:none;height:auto;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0;display:block;overflow:visible}.screen{padding:0;overflow:visible}.kwitansi-sheet{box-shadow:none;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;border:0;border-radius:0;padding:0}.notice{color:var(--text);background:0 0;border:0;padding:0}html[data-cetak-kwitansi=termal-58] .kwitansi-sheet{width:54mm;font-size:8.5px;line-height:1.45}html[data-cetak-kwitansi=termal-58] .kwitansi-head{gap:2mm;padding-bottom:2mm}html[data-cetak-kwitansi=termal-58] .kwitansi-head .app-logo{width:9mm;height:9mm}html[data-cetak-kwitansi=termal-58] .kwitansi-head strong{font-size:8.5px;line-height:1.3}html[data-cetak-kwitansi=termal-58] .kwitansi-head span{letter-spacing:.04em;font-size:6.5px}html[data-cetak-kwitansi=termal-58] .kwitansi-no{margin:2mm 0 1mm;font-size:8px}html[data-cetak-kwitansi=termal-58] .key-values{border:0;border-radius:0;margin-bottom:3mm}html[data-cetak-kwitansi=termal-58] .key-values>div{grid-template-columns:18mm minmax(0,1fr);gap:2mm;padding:1.4mm 0}html[data-cetak-kwitansi=termal-58] .key-values dt{font-size:7.5px}html[data-cetak-kwitansi=termal-58] .key-values dd{font-size:8px}html[data-cetak-kwitansi=termal-58] .section-title{margin:2mm 0 1mm;font-size:9px}html[data-cetak-kwitansi=termal-58] .subtle{font-size:7.5px;line-height:1.5}html[data-cetak-kwitansi=termal-58] .notice{margin:2mm 0 0;font-size:7.5px;line-height:1.5}html[data-cetak-kwitansi=termal-80] .kwitansi-sheet{width:74mm;font-size:10.5px;line-height:1.5}html[data-cetak-kwitansi=termal-80] .kwitansi-head{gap:3mm;padding-bottom:3mm}html[data-cetak-kwitansi=termal-80] .kwitansi-head .app-logo{width:12mm;height:12mm}html[data-cetak-kwitansi=termal-80] .kwitansi-head strong{font-size:10.5px}html[data-cetak-kwitansi=termal-80] .kwitansi-head span{font-size:7.5px}html[data-cetak-kwitansi=termal-80] .kwitansi-no{margin:2.5mm 0 1mm;font-size:9px}html[data-cetak-kwitansi=termal-80] .key-values{border:0;border-radius:0;margin-bottom:4mm}html[data-cetak-kwitansi=termal-80] .key-values>div{grid-template-columns:24mm minmax(0,1fr);gap:3mm;padding:1.8mm 0}html[data-cetak-kwitansi=termal-80] .key-values dt{font-size:9px}html[data-cetak-kwitansi=termal-80] .key-values dd{font-size:10px}html[data-cetak-kwitansi=termal-80] .section-title{margin:3mm 0 1.5mm;font-size:11px}html[data-cetak-kwitansi=termal-80] .subtle{font-size:9px}html[data-cetak-kwitansi=termal-80] .notice{margin:3mm 0 0;font-size:9px}}.rapor-section{margin-top:24px}.rapor-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.rapor-actions .notice{margin:0}.rapor-sheet{color:#111;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;padding:18px 14px;font-size:11px;line-height:1.45;overflow-x:auto}.rapor-kop{text-align:center;border-bottom:2px solid #111;align-items:center;gap:10px;padding-bottom:8px;display:flex}.rapor-kop img{object-fit:contain;flex:none;width:52px;height:52px}.rapor-kop div{flex-direction:column;flex:1;display:flex}.rapor-kop strong{text-transform:uppercase;font-size:12px}.rapor-kop span{font-size:10px}.rapor-judul{text-align:center;text-transform:uppercase;margin:8px 0 2px;font-size:12px}.rapor-sementara{text-align:center;color:#555;letter-spacing:.04em;font-size:10px;font-weight:600}.rapor-identitas{border-collapse:collapse;width:100%;margin-top:6px;font-size:11px}.rapor-identitas td{vertical-align:top;padding:1px 2px}.rapor-identitas td:first-child,.rapor-identitas td:nth-child(4){width:72px}.rapor-identitas td:nth-child(2),.rapor-identitas td:nth-child(5){width:8px}.rapor-tabel{border-collapse:collapse;width:100%;margin-top:9px;font-size:11px}.rapor-tabel th,.rapor-tabel td{vertical-align:top;border:1px solid #111;padding:3px 5px}.rapor-tabel th{text-align:left;background:#eee}.rapor-tabel th:first-child,.rapor-tabel th:nth-child(3){text-align:center}.rapor-tabel td small{color:#444;font-size:9px;font-style:italic;display:block}.rapor-tengah{text-align:center}.rapor-tebal{font-weight:600}.rapor-miring{font-style:italic}.rapor-rekap td:first-child,.rapor-rekap td:nth-child(3){width:38%}.rapor-keterangan{border-top:2px dashed #111;margin-top:14px;padding-top:8px}.rapor-keterangan h3{text-transform:uppercase;margin-bottom:6px;font-size:11px}.rapor-keterangan table{border-collapse:collapse;width:100%;font-size:11px}.rapor-keterangan td{vertical-align:top;border:1px solid #111;padding:3px 5px}.rapor-keterangan td:first-child{width:38%}.rapor-keterangan ul{margin:0;padding-left:16px}.rapor-ruang-ttd{height:46px}.rapor-ttd{text-align:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:10px;display:flex}.rapor-ttd div{flex-direction:column;flex:1;gap:4px;display:flex}.rapor-ttd i{border-bottom:1px solid #111;height:38px}.rapor-ttd strong{overflow-wrap:anywhere;font-weight:600}@media print{.rapor-actions{display:none!important}.rapor-sheet{box-shadow:none;border:0;border-radius:0;padding:0;font-size:10.5px;overflow:visible}@page{size:A4 portrait;margin:10mm}}.nilai-pengiriman{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin:0 0 18px;padding:16px}.nilai-pengiriman-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nilai-pengiriman-head strong{margin-top:3px;font-size:17px;line-height:1.35;display:block}.nilai-pengiriman .subtle{margin-top:6px}.nilai-pengiriman-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.nilai-pengiriman-actions .button{flex:180px;width:auto}.nilai-riwayat{margin-top:10px}.nilai-riwayat summary{cursor:pointer;min-height:40px;padding:8px 0;font-size:12px;font-weight:600}.nilai-riwayat-list{margin:0;padding:0;list-style:none}.nilai-riwayat-list li{border-top:1px solid var(--border);font-size:11px;line-height:var(--baris-kecil);flex-direction:column;gap:2px;padding:9px 0;display:flex}.nilai-riwayat-list span,.nilai-riwayat-list small{color:var(--muted)}.nilai-riwayat-list small{overflow-wrap:anywhere}.kelas-filter{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px;display:grid}.kelas-filter .field{margin-bottom:12px}.kelas-list{border:0;gap:10px;display:grid}.kelas-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);width:100%;box-shadow:var(--shadow-xs);text-align:left;padding:16px;display:block}.kelas-card:hover{border-color:var(--primary);background:#fcfefd}.kelas-card:hover .row-copy strong{color:var(--primary)}.kelas-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kelas-card-head>.badge{flex:none;margin-top:2px}.kelas-mapel{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.kelas-chip{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--primary);font-size:11px;font-weight:600;line-height:var(--baris-kecil);padding:3px 8px}.kelas-card-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.kelas-card-foot .icon{width:16px;height:16px}.catatan-kelas{border-top:1px solid var(--border);margin-top:22px;padding-top:16px}.catatan-kelas-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.catatan-kelas-head .section-title{margin:0}.catatan-kelas-head .button{flex:none;width:auto;min-height:38px;padding:7px 12px;font-size:12px}.catatan-kelas>.field{margin-top:12px;margin-bottom:10px}.catatan-list{border:0;gap:10px;display:grid}.catatan-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:14px 16px}.catatan-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.catatan-card h3{overflow-wrap:anywhere;margin:6px 0 4px;font-size:15px}.catatan-card>p{font-size:12px;line-height:var(--baris-paragraf);overflow-wrap:anywhere}.catatan-tindak{border-radius:var(--radius-sm);background:var(--surface);margin-top:8px;padding:8px 10px}.catatan-tindak p{font-size:11px;line-height:var(--baris-kecil);overflow-wrap:anywhere;margin-top:2px}.catatan-actions{gap:16px;margin-top:6px;display:flex}.catatan-actions .text-button{min-height:36px;font-size:11px}.ringkasan-grid{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.ringkasan-grid--tiga{grid-template-columns:repeat(3,minmax(0,1fr))}.ringkasan-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);min-height:98px;box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.ringkasan-card strong{color:var(--primary);margin-top:2px;font-size:18px;line-height:1.35}.ringkasan-card .badge{margin-top:auto}.ringkasan-card small{margin-top:2px}.kpi-saring{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.kpi-saring button{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--text);font:inherit;box-shadow:var(--shadow-xs);cursor:pointer;padding:6px 12px;font-size:12px;font-weight:500}.kpi-saring button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.kpi-saring button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kpi-nilai{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--primary);font-weight:600}.tabel-banding-wrap{-webkit-overflow-scrolling:touch;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:16px;overflow-x:auto}.tabel-banding{border-collapse:collapse;width:100%;font-size:13px}.tabel-banding caption{text-align:left;color:var(--muted);padding:12px 14px 4px;font-size:12px}.tabel-banding th,.tabel-banding td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px 12px}.tabel-banding tr:last-child th,.tabel-banding tr:last-child td{border-bottom:0}.tabel-banding thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface);font-size:11px}.tabel-banding tbody th{background:var(--paper);font-weight:600;position:sticky;left:0}.tabel-banding-angka{font-variant-numeric:tabular-nums;color:var(--primary);font-weight:600}.kpi-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.kpi-actions .button{flex:180px;width:auto}.kpi-print-sheet{display:none}@media print{.kpi-page .kpi-screen{display:none!important}.kpi-print-sheet{color:#111;background:#fff;display:block!important}.kpi-print-sheet h2{text-align:center;text-transform:uppercase;margin:0 0 2px;font-size:14px}.kpi-print-sheet>p{text-align:center;margin:0 0 8px;font-size:10px}.kpi-print-sheet h3{text-transform:uppercase;margin:10px 0 4px;font-size:11px}.kpi-print-sheet p{font-size:10px}.kpi-tabel{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:9px;line-height:1.35}.kpi-tabel th,.kpi-tabel td{vertical-align:top;border:1px solid #111;padding:3px 4px}.kpi-tabel th{text-align:left;background:#eee}.kpi-tabel th:not(:first-child):last-child,.kpi-tabel td:not(:first-child):last-child{text-align:right;font-variant-numeric:tabular-nums}.kpi-tabel thead{display:table-header-group}.kpi-tabel tr{break-inside:avoid}@page{size:A4 portrait;margin:10mm}}@media (max-width:389px){.ringkasan-grid--tiga{grid-template-columns:1fr}}.rekap-actions{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.rekap-actions .button{flex:180px;width:auto}.rekap-print-sheet{display:none}@media print{.rekap-page .rekap-screen{display:none!important}.rekap-print-sheet{color:#111;background:#fff;display:block!important}.rekap-print-sheet h2{text-align:center;text-transform:uppercase;margin:0 0 2px;font-size:14px}.rekap-print-sheet>p{text-align:center;margin:0 0 8px;font-size:10px}.rekap-tabel{border-collapse:collapse;width:100%;font-size:9px;line-height:1.35}.rekap-tabel th,.rekap-tabel td{vertical-align:top;border:1px solid #111;padding:3px 4px}.rekap-tabel th{text-align:left;background:#eee}.rekap-tabel th:first-child,.rekap-tabel td:first-child,.rekap-tabel th:nth-child(4),.rekap-tabel td:nth-child(4),.rekap-tabel th:nth-child(5),.rekap-tabel td:nth-child(5),.rekap-tabel th:nth-child(6),.rekap-tabel td:nth-child(6),.rekap-tabel th:nth-child(7),.rekap-tabel td:nth-child(7){text-align:center}.rekap-tabel tfoot td{font-weight:700}@page{size:A4 portrait;margin:10mm}}