:root{--bg: #f5f7f2;--surface: #ffffff;--surface-2: #eef1e9;--ink: #1b2620;--ink-muted: #57685d;--ink-faint: #8a9a8f;--line: #dde3d8;--accent: #146b52;--accent-ink: #0d4a38;--accent-soft: #e2efe8;--gold: #a8781f;--gold-soft: #f6ecd8;--bad: #a34e35;--bad-soft: #f7e6de;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(20, 40, 30, .04), 0 8px 24px rgba(20, 40, 30, .06);--sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--serif: Iowan Old Style, "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 0 16px}.sidebar-brand{padding:0 22px 18px;border-bottom:1px solid var(--line);margin-bottom:18px}.sidebar-brand-name{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--accent-ink)}.sidebar-brand-sub{font-size:10.5px;color:var(--ink-faint);margin-top:3px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sidebar-jam-realtime{padding:10px 22px 16px;border-bottom:1px solid var(--line);margin-bottom:6px}.sidebar-jam-realtime-tanggal{font-size:11px;color:var(--ink-muted);font-weight:600}.sidebar-jam-realtime-jam{font-size:15px;font-weight:800;color:var(--accent-ink);margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.sidebar-nav{flex:1;overflow-y:auto}.sidebar-group{margin-bottom:6px}.sidebar-group-label{padding:0 22px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin-bottom:4px}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;text-align:left;padding:6px 22px;margin-bottom:2px;font-family:inherit;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);background:none;border:none;cursor:pointer}.sidebar-group-toggle:hover{color:var(--ink-muted);background:linear-gradient(120deg,var(--sidebar-blue-tint),var(--sidebar-pink-tint))}.sidebar-group-toggle-chevron{display:inline-flex;flex-shrink:0;opacity:.7;transition:transform .15s ease}.sidebar-group-toggle-chevron.terbuka{transform:rotate(90deg)}.sidebar-group-items.tertutup{display:none}.sidebar-akses-cepat{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.sidebar-akses-cepat .sidebar-group-label{color:var(--gold)}:root{--sidebar-blue-hue: #4a7fd2;--sidebar-blue-tint: #eaf0fb;--sidebar-pink-hue: #d9628f;--sidebar-pink-tint: #fdecf2}[data-tema=malam]{--sidebar-blue-hue: #7fa8f2;--sidebar-blue-tint: #1a2438;--sidebar-pink-hue: #f0a0c2;--sidebar-pink-tint: #2f2030}.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 22px;font-family:inherit;font-size:13.5px;color:var(--ink-muted);background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:background .2s ease,color .15s ease,border-left-color .2s ease,transform .15s ease,box-shadow .2s ease}.sidebar-link:hover:not(.active){background:linear-gradient(120deg,var(--sidebar-blue-tint) 0%,var(--sidebar-pink-tint) 100%);color:var(--ink);border-left-color:color-mix(in srgb,var(--sidebar-blue-hue) 50%,var(--sidebar-pink-hue) 50%);transform:translate(3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sidebar-blue-hue) 12%,transparent)}.sidebar-link:hover:not(.active) .sidebar-link-icon{opacity:1;transform:scale(1.08)}.sidebar-link.active{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-ink);font-weight:600}.sidebar-link-icon{font-size:14px;width:18px;text-align:center;opacity:.85;transition:opacity .15s ease,transform .15s ease}.sidebar-footer{padding:16px 22px 0;border-top:1px solid var(--line);margin-top:8px}.sidebar-user-name{font-size:13px;font-weight:700;color:var(--ink)}.sidebar-user-role{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin:2px 0 10px}.main-content{flex:1;min-width:0;padding:34px 42px 60px;max-width:1180px}.page-header{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--serif);font-size:23px;font-weight:600;color:var(--ink)}.page-subtitle{font-size:13px;color:var(--ink-muted);margin-top:5px;max-width:560px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.card-title{font-size:13px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.card-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-align:left;font-family:inherit;width:100%}.card-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:var(--accent)}.card-clickable:active{transform:translateY(0)}.peta-ta-chip-klik{transition:transform .12s ease,box-shadow .12s ease}.peta-ta-chip-klik:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.peta-ta-chip-klik:active{transform:translateY(0)}.halaman-beranda .card-clickable{--kartu-warna: var(--accent);position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .3s ease}.halaman-beranda .card-clickable:hover{transform:translateY(-5px);border-color:var(--kartu-warna);background:linear-gradient(135deg,color-mix(in srgb,var(--kartu-warna) 18%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--gold) 16%,var(--surface)) 100%);box-shadow:0 18px 32px -12px color-mix(in srgb,var(--kartu-warna) 50%,transparent),0 3px 10px color-mix(in srgb,var(--kartu-warna) 25%,transparent)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11.5px;font-weight:600;color:var(--ink-muted)}.checkbox-field{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted)}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:18px}.field-grid .input{width:100%}textarea.input{resize:vertical;min-height:60px;font-family:inherit}.detail-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.input{font-family:inherit;font-size:13.5px;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);min-width:0}select.input{cursor:pointer}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--ink-faint)}.input:disabled{background:var(--surface-2);color:var(--ink-faint)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;width:fit-content}.segmented-item{font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;border:none;background:var(--surface);color:var(--ink-muted);cursor:pointer}.segmented-item+.segmented-item{border-left:1px solid var(--line)}.segmented-item:hover:not(.active){background:var(--surface-2)}.segmented-item.active{background:var(--accent);color:#fff}.combobox{position:relative;min-width:220px}.combobox-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:220px;overflow-y:auto;padding:4px}.combobox-option{padding:7px 10px;border-radius:6px;font-size:13.5px;cursor:pointer;color:var(--ink)}.combobox-option:hover,.combobox-option.active{background:var(--accent-soft);color:var(--accent-ink)}.combobox-option-muted{color:var(--ink-faint);font-style:italic;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:4px}.combobox-option-muted:hover{color:var(--accent-ink)}.combobox-empty{padding:7px 10px;font-size:13px;color:var(--ink-faint)}.btn{font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-ink)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--surface);color:var(--bad);border-color:var(--bad-soft)}.btn-danger:hover:not(:disabled){background:var(--bad-soft)}.btn-ghost{background:none;color:var(--ink-muted);border-color:transparent;padding:6px 10px}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-sm{padding:5px 11px;font-size:12px}.btn-block{width:100%;justify-content:center}.btn-icon{padding:0;width:30px;height:30px;justify-content:center;flex-shrink:0}.pager{display:flex;align-items:center;justify-content:center;gap:6px}.pager-nav{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .12s}.pager-nav:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}.pager-nav:disabled{opacity:.4;cursor:not-allowed}.pager-numbers{display:flex;align-items:center;gap:4px;margin:0 4px}.pager-num{min-width:32px;height:32px;padding:0 4px;border-radius:999px;border:1px solid transparent;background:none;color:var(--ink-muted);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,transform .12s}.pager-num:hover:not(.pager-num-active){background:var(--surface-2);color:var(--ink);transform:translateY(-1px)}.pager-num-active{background:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 45%,transparent);cursor:default}.pager-ellipsis{min-width:24px;text-align:center;color:var(--ink-faint);font-size:13px;-webkit-user-select:none;user-select:none}.pager-label{font-size:12.5px;font-weight:600;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 16px;margin:0 4px;white-space:nowrap}.pager-label strong{color:var(--ink);font-weight:700}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}table.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.data-table thead th{text-align:left;padding:10px 14px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.row-hover-gradasi{border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease}.row-hover-gradasi:hover{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-left-color:var(--accent)}.data-table .empty-row{color:var(--ink-faint);text-align:center;padding:30px;font-size:13px}.kcw-wali-link,.kcw-santri-link,.kcw-wa-link{border-left:3px solid transparent;border-radius:var(--radius-sm);transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.kcw-wali-link:hover{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-left-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}.kcw-santri-link:hover{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 92%);border-left-color:var(--gold);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--gold) 25%,transparent)}.kcw-wa-link:hover{background:linear-gradient(90deg,rgba(37,211,102,.18),var(--surface) 92%);border-left-color:#25d366;transform:translateY(-1px);box-shadow:0 2px 8px #25d3664d}.kcw-btn-aktifkan:hover:not(:disabled){background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}.kcw-btn-nonaktifkan:hover:not(:disabled){background:linear-gradient(90deg,var(--bad-soft),var(--surface) 92%);border-color:var(--bad);color:var(--bad);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--bad) 25%,transparent)}.kcw-toggle{transition:transform .15s ease,box-shadow .15s ease}.kcw-toggle:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 0 6px color-mix(in srgb,var(--kcw-toggle-glow, var(--ink-faint)) 22%,transparent)}.nav-cross-link{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .25s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.nav-cross-link:hover{background:linear-gradient(135deg,var(--accent),var(--gold));border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.nav-cross-link:active{transform:translateY(-1px)}.chat-bubble-aksi{opacity:0;transition:opacity .15s ease;pointer-events:none}.chat-bubble-milik-saya:hover .chat-bubble-aksi{opacity:1;pointer-events:auto}.chat-bubble-aksi-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.chat-bubble-aksi-btn:hover{transform:scale(1.12) translateY(-1px);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 80%);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 25%,transparent)}.chat-ruang-hapus-btn{opacity:0;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:opacity .15s ease,transform .15s ease,background .2s ease,box-shadow .2s ease}.chat-ruang-row:hover .chat-ruang-hapus-btn{opacity:1}.chat-ruang-hapus-btn:hover{transform:translateY(-50%) scale(1.12);background:linear-gradient(135deg,var(--bad-soft),var(--surface) 80%);box-shadow:0 4px 10px color-mix(in srgb,var(--bad) 30%,transparent)}.kcw-fitur-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.kcw-fitur-row:hover{transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb,var(--ink) 8%,transparent);border-color:var(--accent)}.kcw-fitur-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.kcw-fitur-judul{font-size:13.5px;font-weight:700;color:var(--ink)}.kcw-fitur-sub{font-size:11px;color:var(--ink-faint);margin-top:1px}.kcw-wa-field{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.kcw-wa-field:hover{transform:translateY(-2px);box-shadow:0 6px 14px #25d3662e;border-color:#25d366}.kcw-wa-field-icon{width:36px;height:36px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.kcw-wa-field-label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:3px}.btn-gradasi-wa{background:var(--accent);color:#fff;border-color:transparent;transition:background .25s ease,transform .15s ease,box-shadow .2s ease}.btn-gradasi-wa:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),var(--gold));transform:translateY(-2px);box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.link-button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--accent-ink);font-weight:600;text-align:left}.link-button:hover{text-decoration:underline}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-green{background:var(--accent-soft);color:var(--accent-ink)}.badge-gold{background:var(--gold-soft);color:var(--gold)}.badge-red{background:var(--bad-soft);color:var(--bad)}.badge-gray{background:var(--surface-2);color:var(--ink-faint)}.notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:800;line-height:1;flex-shrink:0}@keyframes notif-denyut{0%,to{box-shadow:0 0 #a34e3566}50%{box-shadow:0 0 0 4px #a34e3500}}.notif-badge-denyut{animation:notif-denyut 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.notif-badge-denyut{animation:none}}.error-banner{background:var(--bad-soft);color:var(--bad);border:1px solid rgba(163,78,53,.25);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;margin-bottom:16px}.warning-banner{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(168,120,31,.25);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;margin-bottom:16px}.helper-text{font-size:12px;color:var(--ink-muted);margin-top:10px}.stat-row{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;margin-bottom:12px}.stat-value{font-weight:700}.progress-track{background:var(--surface-2);border-radius:8px;height:12px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}:root{--putra-hue: #4a90d2;--putra-tint: #eaf3fb;--putri-hue: #d9739f;--putri-tint: #fdecf3}[data-tema=malam]{--putra-hue: #6fb2f2;--putra-tint: #16283a;--putri-hue: #f0a0c4;--putri-tint: #3a2230}.peta-kamar-card{border:1px solid var(--line);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,opacity .15s ease}.peta-kamar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.peta-kamar-card-putra:hover{background:linear-gradient(135deg,var(--putra-tint),var(--surface) 75%);border-color:var(--putra-hue);box-shadow:0 6px 18px color-mix(in srgb,var(--putra-hue) 25%,transparent)}.peta-kamar-card-putri:hover{background:linear-gradient(135deg,var(--putri-tint),var(--surface) 75%);border-color:var(--putri-hue);box-shadow:0 6px 18px color-mix(in srgb,var(--putri-hue) 25%,transparent)}.photo-box{width:120px;height:150px;border-radius:var(--radius-sm);border:1px dashed var(--line);background:var(--surface-2);overflow:hidden;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-box-placeholder{color:var(--ink-faint);font-size:32px}.photo-box-actions{display:flex;flex-direction:column;gap:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1873;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px}.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);max-width:720px;width:100%;padding:28px}.identitas-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:22px}.identitas-photo{width:130px;height:165px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--line);flex-shrink:0;background:var(--surface-2)}.identitas-photo-sm{width:68px;height:68px;border-radius:50%}.identitas-section{margin-bottom:20px}.identitas-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:10px}.identitas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px}.identitas-item-label{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em}.identitas-item-value{font-size:13.5px;color:var(--ink);margin-top:2px}a{color:var(--accent-ink)}::selection{background:var(--accent-soft);color:var(--accent-ink)}[data-tema=biru]{--bg: #f1f6fa;--surface: #ffffff;--surface-2: #e6eef5;--ink: #17232f;--ink-muted: #4c6072;--ink-faint: #8598a8;--line: #d5e0ea;--accent: #1d5c8a;--accent-ink: #123f5e;--accent-soft: #dceaf4}[data-tema=mocha]{--bg: #f8f1ea;--surface: #ffffff;--surface-2: #efe1d2;--ink: #2e2018;--ink-muted: #6b584a;--ink-faint: #a08d7c;--line: #e3d2bd;--accent: #a15c2f;--accent-ink: #7a441f;--accent-soft: #f1ddc4}[data-tema=malam]{--bg: #12181a;--surface: #1b2326;--surface-2: #232d31;--ink: #e8ece9;--ink-muted: #a9b6b0;--ink-faint: #71827b;--line: #2e3a3d;--accent: #3fae86;--accent-ink: #7fd4b0;--accent-soft: #1e3830;--gold: #d4a94f;--gold-soft: #3a2f1a;--bad: #e0836a;--bad-soft: #3a2420;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .45)}[data-nav-responsif=aktif] .sidebar{width:210px;transition:width .15s ease}[data-nav-responsif=aktif] .sidebar-link{padding:8px 16px}[data-nav-responsif=aktif] .sidebar-brand,[data-nav-responsif=aktif] .sidebar-group-label,[data-nav-responsif=aktif] .sidebar-footer{padding-left:16px;padding-right:16px}[data-nav-responsif=aktif] .main-content{max-width:100%}@keyframes alur-mengalir{0%{left:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{left:100%;opacity:0}}.alur-panah-titik{position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent);animation:alur-mengalir 1.8s linear infinite}@keyframes alur-denyut{0%,to{box-shadow:0 0 #146b5259}50%{box-shadow:0 0 0 5px #146b5200}}.alur-live-denyut{animation:alur-denyut 1.8s ease-in-out infinite}.alur-node-card{transition:transform .15s ease,box-shadow .15s ease}.alur-node-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}@keyframes alur-titik-perhatian{0%,to{box-shadow:0 0 #c4422e73}50%{box-shadow:0 0 0 4px #c4422e00}}.alur-dot-perhatian{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:var(--bad);border:2px solid var(--surface);animation:alur-titik-perhatian 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.alur-panah-titik,.alur-live-denyut,.alur-dot-perhatian{animation:none}.alur-node-card:hover{transform:none}}@media (max-width: 1100px){[data-nav-responsif=aktif] .main-content{padding:26px 24px 48px}[data-nav-responsif=aktif] .sidebar{width:180px}}@media (max-width: 820px){[data-nav-responsif=aktif] .sidebar{width:68px;padding:16px 0 12px}[data-nav-responsif=aktif] .sidebar-brand{justify-content:center;padding:0 0 14px}[data-nav-responsif=aktif] .sidebar-brand-name,[data-nav-responsif=aktif] .sidebar-brand-sub,[data-nav-responsif=aktif] .sidebar-jam-realtime,[data-nav-responsif=aktif] .sidebar-group-label,[data-nav-responsif=aktif] .sidebar-group-toggle-label,[data-nav-responsif=aktif] .sidebar-group-toggle-chevron,[data-nav-responsif=aktif] .sidebar-link-label,[data-nav-responsif=aktif] .sidebar-search,[data-nav-responsif=aktif] .sidebar-user-name,[data-nav-responsif=aktif] .sidebar-user-role{display:none}[data-nav-responsif=aktif] .sidebar-group-items.tertutup{display:block}[data-nav-responsif=aktif] .sidebar-group-toggle{padding:6px 0;justify-content:center}[data-nav-responsif=aktif] .sidebar-link{justify-content:center;padding:10px 0;gap:0}[data-nav-responsif=aktif] .sidebar-footer{padding:12px 8px 0}[data-nav-responsif=aktif] .main-content{padding:18px 14px 40px}[data-nav-responsif=aktif] .page-title{font-size:19px}[data-nav-responsif=aktif] .data-table{min-width:0}[data-nav-responsif=aktif] .table-wrap:has(.data-table td[data-label]){overflow-x:visible}[data-nav-responsif=aktif] .data-table:has(td[data-label]) thead{display:none}[data-nav-responsif=aktif] .data-table:has(td[data-label]) tbody tr{display:block;border:1px solid var(--line);border-radius:var(--radius);margin:10px;background:var(--surface)}[data-nav-responsif=aktif] .data-table:has(td[data-label]) tbody tr:hover{background:var(--surface)}[data-nav-responsif=aktif] .data-table:has(td[data-label]) td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;text-align:right}[data-nav-responsif=aktif] .data-table:has(td[data-label]) td:not(:last-child){border-bottom:1px solid var(--line)}[data-nav-responsif=aktif] .data-table:has(td[data-label]) td[data-label=""]{justify-content:flex-end}[data-nav-responsif=aktif] .data-table:has(td[data-label]) td:before{content:attr(data-label);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);text-align:left;flex-shrink:0}[data-nav-responsif=aktif] .data-table:has(td[data-label]) td[data-label=""]:before{content:none}}:root{--smp-hue: #4a7fd2;--smp-tint: #eaf0fb;--sma-hue: #8b5fc7;--sma-tint: #f1ecfa}[data-tema=malam]{--smp-hue: #7fa8f2;--smp-tint: #1a2438;--sma-hue: #b596ea;--sma-tint: #26203a}.peta-kelas-card{border:1px solid var(--line);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,opacity .15s ease}.peta-kelas-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.peta-kelas-card-smp:hover{background:linear-gradient(135deg,var(--smp-tint),var(--surface) 75%);border-color:var(--smp-hue);box-shadow:0 6px 18px color-mix(in srgb,var(--smp-hue) 25%,transparent)}.peta-kelas-card-sma:hover{background:linear-gradient(135deg,var(--sma-tint),var(--surface) 75%);border-color:var(--sma-hue);box-shadow:0 6px 18px color-mix(in srgb,var(--sma-hue) 25%,transparent)}.peta-mapel-entri{border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:6px;cursor:grab;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.peta-mapel-entri:hover{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 70%);border-color:var(--gold)}.peta-mapel-entri.diseret{opacity:.45;cursor:grabbing}.peta-rpp-entri{border:1px solid var(--line);border-radius:6px;padding:6px 8px;margin-bottom:6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.peta-rpp-entri:hover{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 70%);border-color:var(--accent)}.peta-kelas-santri{border-radius:4px;padding:1px 5px;margin:0 -5px 2px;transition:background .1s}.peta-kelas-santri:hover{background:var(--accent-soft)}.peta-kelas-santri.diseret{opacity:.45;background:var(--accent-soft);cursor:grabbing}.peta-kelas-santri.peta-kamar-baris:hover{background:linear-gradient(90deg,var(--gold-soft),transparent)}.kamar-row-card{cursor:pointer;border-left:3px solid transparent;transition:background .18s ease,box-shadow .18s ease,transform .15s ease,border-left-color .18s ease,padding-left .18s ease}.kamar-row-card:hover{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 92%);box-shadow:0 10px 24px color-mix(in srgb,var(--gold) 20%,transparent),var(--shadow);border-left-color:var(--gold);transform:translateY(-2px);padding-left:24px}.kamar-row-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--gold);opacity:0;transform:translate(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.kamar-row-card:hover .kamar-row-chevron{opacity:1;transform:translate(0)}:root{--ijazah-terbit-hue: #2f9e6e;--ijazah-terbit-tint: #e6f7ef;--ijazah-batal-hue: #d9628f;--ijazah-batal-tint: #fdecf2}[data-tema=malam]{--ijazah-terbit-hue: #5fd6a4;--ijazah-terbit-tint: #16332a;--ijazah-batal-hue: #f0a0c2;--ijazah-batal-tint: #3a2230}.alumni-card{border-left:3px solid transparent;transition:transform .15s ease,box-shadow .15s ease,border-left-color .18s ease,background .18s ease}.alumni-card-terbit:hover{background:linear-gradient(135deg,var(--ijazah-terbit-tint),var(--surface) 75%);border-color:var(--line);border-left-color:var(--ijazah-terbit-hue);box-shadow:0 8px 20px color-mix(in srgb,var(--ijazah-terbit-hue) 22%,transparent)}.alumni-card-batal:hover{background:linear-gradient(135deg,var(--ijazah-batal-tint),var(--surface) 75%);border-color:var(--line);border-left-color:var(--ijazah-batal-hue);box-shadow:0 8px 20px color-mix(in srgb,var(--ijazah-batal-hue) 22%,transparent)}.alumni-card-belum:hover{background:linear-gradient(135deg,var(--gold-soft),var(--surface) 75%);border-color:var(--line);border-left-color:var(--gold);box-shadow:0 8px 20px color-mix(in srgb,var(--gold) 22%,transparent)}.kelas-row-card{cursor:pointer;border-left:3px solid transparent;transition:background .18s ease,box-shadow .18s ease,transform .15s ease,border-left-color .18s ease,padding-left .18s ease}.kelas-row-card:hover{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 70%);box-shadow:0 10px 24px color-mix(in srgb,var(--gold) 20%,transparent),var(--shadow);border-left-color:var(--gold);transform:translateY(-2px);padding-left:24px}.tahun-ajaran-row-card{cursor:pointer;border-left:3px solid transparent;transition:background .18s ease,box-shadow .18s ease,transform .15s ease,border-left-color .18s ease,padding-left .18s ease}.tahun-ajaran-row-card:hover{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 92%);box-shadow:0 10px 24px color-mix(in srgb,var(--gold) 20%,transparent),var(--shadow);border-left-color:var(--gold);transform:translateY(-2px);padding-left:24px}.ppdb-pil{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.ppdb-pil:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.ppdb-pil-angka{font-size:15px;font-weight:800;color:var(--ink)}.ppdb-pil-label{font-size:12px;font-weight:600;color:var(--ink-muted)}.ppdb-pil-aktif .ppdb-pil-angka,.ppdb-pil-aktif .ppdb-pil-label{color:#fff}.ppdb-pil-netral.ppdb-pil-aktif{background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 75%,#000 15%));border-color:var(--ink);box-shadow:0 3px 10px color-mix(in srgb,var(--ink) 30%,transparent)}.ppdb-pil-gold{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.ppdb-pil-gold.ppdb-pil-aktif{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 75%,#000 15%));border-color:var(--gold);box-shadow:0 3px 10px color-mix(in srgb,var(--gold) 35%,transparent)}.ppdb-pil-biru{border-color:color-mix(in srgb,var(--smp-hue) 45%,var(--line))}.ppdb-pil-biru.ppdb-pil-aktif{background:linear-gradient(135deg,var(--smp-hue),color-mix(in srgb,var(--smp-hue) 75%,#000 15%));border-color:var(--smp-hue);box-shadow:0 3px 10px color-mix(in srgb,var(--smp-hue) 35%,transparent)}.ppdb-pil-hijau{border-color:color-mix(in srgb,var(--ijazah-terbit-hue) 45%,var(--line))}.ppdb-pil-hijau.ppdb-pil-aktif{background:linear-gradient(135deg,var(--ijazah-terbit-hue),color-mix(in srgb,var(--ijazah-terbit-hue) 75%,#000 15%));border-color:var(--ijazah-terbit-hue);box-shadow:0 3px 10px color-mix(in srgb,var(--ijazah-terbit-hue) 35%,transparent)}.ppdb-pil-pink{border-color:color-mix(in srgb,var(--ijazah-batal-hue) 45%,var(--line))}.ppdb-pil-pink.ppdb-pil-aktif{background:linear-gradient(135deg,var(--ijazah-batal-hue),color-mix(in srgb,var(--ijazah-batal-hue) 75%,#000 15%));border-color:var(--ijazah-batal-hue);box-shadow:0 3px 10px color-mix(in srgb,var(--ijazah-batal-hue) 35%,transparent)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ink-muted);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.chip-aktif{color:#fff}.chip-netral.chip-aktif{background:var(--ink);border-color:var(--ink)}.chip-gold{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.chip-gold.chip-aktif{background:var(--gold);border-color:var(--gold)}.chip-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.chip-bad.chip-aktif{background:var(--bad);border-color:var(--bad)}.chip-accent{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.chip-accent.chip-aktif{background:var(--accent);border-color:var(--accent)}.chip:disabled{opacity:.5;cursor:not-allowed}.chip:disabled:hover{transform:none;box-shadow:none}.ppdb-card{border-left:4px solid var(--line);transition:transform .15s ease,box-shadow .15s ease,border-left-color .18s ease,background .18s ease}.ppdb-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.ppdb-card-mendaftar{border-left-color:var(--gold);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 8%,var(--surface)),var(--surface) 65%)}.ppdb-card-tes{border-left-color:var(--smp-hue);background:linear-gradient(120deg,color-mix(in srgb,var(--smp-hue) 8%,var(--surface)),var(--surface) 65%)}.ppdb-card-diterima{border-left-color:var(--ijazah-terbit-hue);background:linear-gradient(120deg,color-mix(in srgb,var(--ijazah-terbit-hue) 8%,var(--surface)),var(--surface) 65%)}.ppdb-card-ditolak{border-left-color:var(--ijazah-batal-hue);background:linear-gradient(120deg,color-mix(in srgb,var(--ijazah-batal-hue) 8%,var(--surface)),var(--surface) 65%)}.halaman-spmb .btn{border-radius:999px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.halaman-spmb .btn:hover:not(:disabled){transform:translateY(-2px)}.halaman-spmb .btn:active:not(:disabled){transform:translateY(-1px)}.halaman-spmb .btn-primary:hover:not(:disabled),.halaman-spmb .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent),var(--gold));border-color:transparent;color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.halaman-spmb .btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--bad),color-mix(in srgb,var(--bad) 70%,#000 15%));color:#fff;border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--bad) 35%,transparent)}.peta-list-item{cursor:pointer;border-radius:var(--radius-sm);padding:7px 8px;margin-bottom:2px;border-left:3px solid transparent;transition:background .1s,border-color .1s}.peta-list-item:hover{background:var(--surface-2)}.peta-list-item.dipilih{background:var(--accent-soft);border-left-color:var(--accent)}.info-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-radius:var(--radius-sm);padding:10px 13px;font-size:12.5px;margin-top:10px;border:1px solid transparent}.info-box-accent{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.info-box-gold{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}.info-box-bad{background:var(--bad-soft);color:var(--bad);border-color:#a34e3540}.jadwal-slot-card{--kartu-warna: var(--accent);border-radius:var(--radius-sm);border:1px solid var(--line);border-left-width:3px;background:var(--surface);padding:8px 10px;transition:transform .15s ease,box-shadow .15s ease,background .25s ease,border-color .15s ease}.jadwal-slot-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.jadwal-slot-card-klik{cursor:pointer}.jadwal-slot-card-klik:hover{border-color:var(--kartu-warna);background:linear-gradient(135deg,color-mix(in srgb,var(--kartu-warna) 16%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--gold) 14%,var(--surface)) 100%);box-shadow:0 10px 20px -8px color-mix(in srgb,var(--kartu-warna) 45%,transparent),0 2px 8px color-mix(in srgb,var(--kartu-warna) 22%,transparent)}.jadwal-edit-row-aktif{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 0 0 var(--accent);border-radius:var(--radius-sm);animation:jadwal-edit-row-pulse 1s ease-out 1}@keyframes jadwal-edit-row-pulse{0%{box-shadow:inset 3px 0 0 0 var(--accent),0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}to{box-shadow:inset 3px 0 0 0 var(--accent),0 0 0 0 transparent}}.jadwal-slot-card-disorot{box-shadow:0 0 0 2px var(--gold),var(--shadow);animation:jadwal-slot-disorot-pulse 1.6s ease-in-out 2}@keyframes jadwal-slot-disorot-pulse{0%,to{box-shadow:0 0 0 2px var(--gold),var(--shadow)}50%{box-shadow:0 0 0 4px var(--gold),var(--shadow)}}.jadwal-slot-card-live{box-shadow:0 0 0 2px var(--bad),var(--shadow)}.jadwal-slot-card-libur{opacity:.6;border-left-color:var(--ink-faint)!important}.jadwal-day-card{transition:border-color .18s ease,box-shadow .18s ease}.jadwal-day-card-ini{border-color:var(--accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent)}@media print{body *{visibility:hidden}.modal-card,.modal-card *{visibility:visible}.modal-card{position:absolute;top:0;left:0;box-shadow:none;max-width:100%}.no-print{display:none!important}.print-only{display:block!important}.kartu-cetak-halaman:nth-of-type(2){page-break-before:always;break-before:page}}.nilai-sel-input{width:70px;text-align:center;padding:6px 4px;font-variant-numeric:tabular-nums}.nilai-sel-input.ubah{border-color:var(--gold);background:var(--gold-soft)}.nilai-sel-input.salah{border-color:var(--bad);background:var(--bad-soft)}.nilai-aksi-bar{position:sticky;bottom:12px;z-index:20;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);box-shadow:0 8px 28px #00000029}.peta-pengguna-judul{font-size:11px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.peta-pengguna-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:8px}.peta-pengguna-bar>span{display:block;height:100%;border-radius:999px;transition:width .3s ease}.peta-pengguna-chip{font:inherit;font-size:12px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--surface);cursor:pointer;transition:background .15s ease,border-color .15s ease}.peta-pengguna-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.peta-pengguna-baris{display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-size:12.5px;color:var(--ink);text-align:left;background:none;border:0;border-left:3px solid transparent;border-radius:4px;padding:5px 6px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.peta-pengguna-baris:hover{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-left-color:var(--accent)}.pengguna-tiles{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ka-fitur-baris{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;transition:background .15s ease,border-color .15s ease}.ka-fitur-baris.ka-izin{border-left-color:var(--accent)}.ka-fitur-baris.ka-tolak{border-left-color:var(--line)}.ka-fitur-baris.ka-kustom{background:linear-gradient(90deg,var(--gold-soft),var(--surface) 80%);border-left-color:var(--gold)}.ka-fitur-baris:hover{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-left-color:var(--accent)}.ka-akun-kartu{border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease}.ka-akun-kartu:hover,.ka-akun-kartu.dipilih{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 92%);border-left-color:var(--accent)}.peta-ka-tabel{border-collapse:separate;border-spacing:0;font-size:12px}.peta-ka-tabel th,.peta-ka-tabel td{padding:0}.peta-ka-nama{position:sticky;left:0;z-index:2;background:var(--surface);min-width:210px;max-width:210px;padding:4px 10px!important;text-align:left;border-right:1px solid var(--line)}.peta-ka-head{position:sticky;top:0;z-index:3;background:var(--surface-2)}.peta-ka-grup{position:sticky;top:0;z-index:3;background:var(--surface-2);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);text-align:center;padding:4px 6px!important;border-left:1px solid var(--line)}.peta-ka-fitur{height:128px;width:38px;min-width:34px;vertical-align:bottom}.peta-ka-fitur>span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--ink);padding:4px 0}.peta-ka-sel{width:38px;height:28px;text-align:center;vertical-align:middle}.peta-ka-titik{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:800;line-height:1}.peta-ka-titik.izin{background:var(--accent);color:#fff}.peta-ka-titik.tolak{background:transparent;border:1.5px solid var(--line)}.peta-ka-titik.tambah{background:var(--accent);color:#fff;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--gold)}.peta-ka-titik.cabut{background:var(--bad);color:#fff;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--bad)}.peta-ka-baris:hover .peta-ka-nama,.peta-ka-baris:hover td{background:var(--accent-soft)}.peta-ka-peran td{background:var(--surface-2);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding:4px 10px!important;position:sticky;left:0}.peta-ka-total td{position:sticky;bottom:0;z-index:2;background:var(--surface-2);font-size:11px;font-weight:700;text-align:center;color:var(--ink-muted);padding:5px 0!important;border-top:1px solid var(--line)}.peta-ka-total td.peta-ka-nama{text-align:left}.peta-ka-tombol{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0;border:0;background:none;border-radius:6px;cursor:pointer;transition:background .12s ease,transform .12s ease}.peta-ka-tombol:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);transform:scale(1.12)}.peta-ka-tombol.aktif{background:color-mix(in srgb,var(--gold) 28%,transparent);outline:2px solid var(--gold)}.peta-ka-tombol:focus-visible{outline:2px solid var(--accent)}.pp-halaman{--pp-gelap: color-mix(in srgb, var(--accent) 40%, #04110c);--pp-terang: color-mix(in srgb, var(--accent) 74%, #04110c)}.pp-hero{position:relative;overflow:hidden;border-radius:22px;color:#fff;padding:44px 40px 78px;background:linear-gradient(125deg,var(--pp-gelap) 0%,var(--pp-terang) 100%);box-shadow:0 18px 44px color-mix(in srgb,var(--pp-gelap) 45%,transparent)}.pp-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 90% 6%,color-mix(in srgb,var(--gold) 58%,transparent),transparent 40%),radial-gradient(circle at 4% 100%,rgba(255,255,255,.1),transparent 38%)}.pp-pola{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.09;pointer-events:none}.pp-hero-isi{position:relative;z-index:1;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.pp-logo{width:132px;height:132px;border-radius:50%;background:#fff;padding:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:54px;box-shadow:0 0 0 3px var(--gold),0 0 0 8px #ffffff24,0 16px 34px #00000061}.pp-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.pp-hero-teks{min-width:260px;flex:1}.pp-eyebrow-hero{font-size:11.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,#fff)}.pp-nama{font-family:var(--serif);font-size:clamp(26px,3.4vw,40px);line-height:1.15;font-weight:600;margin:8px 0 0;color:#fff;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.3)}.pp-orn{display:flex;align-items:center;gap:12px;margin:14px 0 12px;max-width:320px}.pp-orn span{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 70%,#fff))}.pp-orn span:last-child{background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--gold) 70%,#fff))}.pp-orn i{font-style:normal;color:color-mix(in srgb,var(--gold) 65%,#fff);font-size:14px}.pp-alamat{font-size:14.5px;line-height:1.55;color:#ffffffdb;margin:0;max-width:620px}.pp-hero-aksi{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pp-btn-kaca,.pp-btn-emas{font:inherit;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.pp-btn-kaca{color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pp-btn-kaca:hover{background:#ffffff42;transform:translateY(-1px)}.pp-btn-emas{color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 55%,#fff),var(--gold));border:1px solid color-mix(in srgb,var(--gold) 60%,#fff);box-shadow:0 6px 16px #00000040}.pp-btn-emas:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000052}.pp-kelengkapan{align-self:flex-start;min-width:150px;padding:12px 16px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pp-kelengkapan-angka{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1}.pp-kelengkapan-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:3px}.pp-kelengkapan-bar{height:6px;border-radius:999px;background:#fff3;margin-top:9px;overflow:hidden}.pp-kelengkapan-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 60%,#fff),var(--gold))}.pp-stat-baris{position:relative;z-index:2;margin:-46px 26px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.pp-stat{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pp-stat:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 24px color-mix(in srgb,var(--gold) 22%,transparent)}.pp-stat-ikon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:var(--gold-soft);flex-shrink:0}.pp-stat-angka{font-family:var(--serif);font-size:30px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.pp-stat-label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-top:4px}.pp-bagian{margin-top:40px}.pp-judul{display:flex;align-items:center;gap:16px;justify-content:center;margin:0 0 20px;font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--gold)}.pp-judul-garis{flex:1;max-width:160px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.pp-judul-garis-kanan{background:linear-gradient(270deg,transparent,var(--gold))}.pp-visi{position:relative;margin:0;padding:38px 48px 36px 78px;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));background:linear-gradient(135deg,var(--gold-soft),var(--surface) 72%);font-family:var(--serif);font-size:clamp(17px,1.9vw,22px);line-height:1.7;font-style:italic;color:var(--ink);white-space:pre-wrap}.pp-visi:before{content:"“";position:absolute;left:22px;top:-4px;font-family:var(--serif);font-style:normal;font-size:110px;line-height:1;color:var(--gold);opacity:.5}.pp-misi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.pp-misi-item{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.pp-misi-item:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 80%);border-color:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)}.pp-misi-item p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink)}.pp-misi-no{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:17px;font-weight:700;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 55%,#fff),var(--gold));box-shadow:0 4px 10px color-mix(in srgb,var(--gold) 35%,transparent)}.pp-dua{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:stretch}.pp-peta{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.pp-peta iframe{width:100%;height:330px;border:0;display:block;flex:1;min-height:300px}.pp-peta-info{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.pp-peta-judul{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink)}.pp-peta-alamat{font-size:12.5px;color:var(--ink-muted);margin-top:2px}.pp-peta-koordinat{font-size:11.5px;color:var(--ink-faint);margin-top:3px;font-variant-numeric:tabular-nums}.pp-kartu-bank{position:relative;overflow:hidden;border-radius:20px;color:#fff;min-height:230px;display:flex;background:linear-gradient(135deg,var(--pp-terang),var(--pp-gelap));box-shadow:0 16px 34px color-mix(in srgb,var(--pp-gelap) 42%,transparent)}.pp-kartu-bank:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--gold) 50%,transparent),transparent 46%)}.pp-bank-isi{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;width:100%}.pp-bank-atas{display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-bank-chip{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 45%,#fff),var(--gold));box-shadow:inset 0 0 0 1px #0000002e}.pp-bank-nama{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.pp-bank-nomor{font-family:Consolas,SFMono-Regular,monospace;font-size:clamp(18px,2vw,24px);letter-spacing:.1em;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.3);word-break:break-all}.pp-bank-bawah{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pp-bank-kecil{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.pp-bank-pemilik{font-size:14px;font-weight:700;margin-top:2px;line-height:1.3}.pp-kosong{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center;padding:26px;border-radius:16px;border:1.5px dashed var(--line);color:var(--ink-faint);font-size:13.5px}.pp-kosong-peta{border:0;border-radius:0;min-height:300px;flex:1;flex-direction:column;background:var(--surface-2)}.pp-kosong-bank{min-height:200px;flex-direction:column}.pp-muncul{animation:pp-naik .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d, 0s)}@keyframes pp-naik{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pp-muncul{animation:none}.pp-stat,.pp-misi-item,.pp-btn-kaca,.pp-btn-emas{transition:none}}@media (max-width: 900px){.pp-dua{grid-template-columns:1fr}.pp-hero{padding:32px 22px 70px}.pp-hero-isi{gap:20px}.pp-logo{width:104px;height:104px}.pp-stat-baris{margin:-42px 10px 0}.pp-visi{padding:34px 22px 26px}.pp-visi:before{left:10px;top:-10px;font-size:80px}}.as-halaman{--pp-gelap: color-mix(in srgb, var(--accent) 40%, #04110c);--pp-terang: color-mix(in srgb, var(--accent) 74%, #04110c)}.as-hero{position:relative;overflow:hidden;border-radius:22px;color:#fff;padding:36px 40px;background:linear-gradient(125deg,var(--pp-gelap) 0%,var(--pp-terang) 100%);box-shadow:0 18px 44px color-mix(in srgb,var(--pp-gelap) 45%,transparent)}.as-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--gold) 55%,transparent),transparent 40%),radial-gradient(circle at 2% 100%,rgba(255,255,255,.1),transparent 36%)}.as-hero-isi{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.as-hero-teks{flex:1;min-width:300px}.as-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,#fff)}.as-judul{font-family:var(--serif);font-size:clamp(28px,3.4vw,40px);font-weight:600;margin:8px 0 0;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.3)}.as-sub{font-size:14.5px;line-height:1.6;color:#ffffffdb;margin:0;max-width:560px}.as-live{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12.5px}.as-live strong{letter-spacing:.14em;font-size:11.5px}.as-live-waktu{color:#ffffffd1;font-variant-numeric:tabular-nums}.as-live-titik{width:10px;height:10px;border-radius:50%;background:#5be0a4;box-shadow:0 0 #5be0a4b3;animation:as-denyut 1.8s ease-in-out infinite}@keyframes as-denyut{0%{box-shadow:0 0 #5be0a499}70%{box-shadow:0 0 0 10px #5be0a400}to{box-shadow:0 0 #5be0a400}}.as-sehat{display:flex;align-items:center;gap:16px;padding:18px 22px;min-width:250px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.as-sehat-ikon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#ffffff29}.as-sehat-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.as-sehat-status{font-family:var(--serif);font-size:21px;font-weight:700;line-height:1.2;margin-top:2px}.as-sehat-info{font-size:12.5px;opacity:.85;margin-top:3px}.as-sehat-prima{box-shadow:0 0 0 1px #5be0a473,0 0 26px #5be0a438}.as-sehat-prima .as-sehat-status{color:#7cf0bd}.as-sehat-perhatian{box-shadow:0 0 0 1px #f3c9698c,0 0 26px #f3c96938}.as-sehat-perhatian .as-sehat-status{color:#f6d47f}.as-sehat-tindak{box-shadow:0 0 0 1px #ff8f7a99,0 0 28px #ff8f7a42}.as-sehat-tindak .as-sehat-status{color:#ffab98}.as-bagian{margin-top:34px}.as-perhatian{border-radius:18px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:linear-gradient(135deg,var(--gold-soft),var(--surface) 75%)}.as-perhatian-judul{font-weight:800;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:12px}.as-perhatian-jumlah{background:var(--gold);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px}.as-perhatian-daftar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:8px}.as-perhatian-item{display:flex;align-items:center;gap:10px;font:inherit;font-size:13.5px;color:var(--ink);text-align:left;cursor:pointer;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.as-perhatian-item:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 18px color-mix(in srgb,var(--gold) 22%,transparent)}.as-perhatian-titik{width:9px;height:9px;border-radius:50%;flex-shrink:0}.as-perhatian-buka{font-size:12px;font-weight:700;color:var(--gold);flex-shrink:0}.as-jalur{container-type:inline-size}.as-pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.as-tahap{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--warna);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.as-tahap:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--warna) 26%,transparent)}.as-tahap-perhatian{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));border-top-color:var(--warna)}.as-tahap-kepala{display:flex;align-items:center;gap:10px}.as-tahap-no{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;font-weight:700;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 55%,#fff),var(--gold));box-shadow:0 4px 10px color-mix(in srgb,var(--gold) 35%,transparent)}.as-tahap-judul{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);flex:1;min-width:0}.as-titik{width:10px;height:10px;border-radius:50%;background:var(--bad);display:inline-block;flex-shrink:0;animation:alur-titik-perhatian 1.8s ease-in-out infinite}.as-tahap-utama{display:flex;align-items:center;gap:14px}.as-tahap-ikon{width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;background:color-mix(in srgb,var(--warna) 14%,var(--surface))}.as-tahap-angka{font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}.as-tahap-label{font-size:12px;color:var(--ink-muted);margin-top:3px;line-height:1.3}.as-tahap-baris{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px dashed var(--line);flex:1}.as-tahap-buka{font:inherit;font-size:12.5px;font-weight:700;color:var(--warna);background:color-mix(in srgb,var(--warna) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warna) 25%,var(--line));border-radius:999px;padding:7px 12px;cursor:pointer;text-align:center;transition:background .15s ease,color .15s ease}.as-tahap-buka:hover{background:var(--warna);color:#fff}.as-catatan{margin:0;font-size:12px;line-height:1.5;color:var(--ink-faint)}.as-bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.as-bar span{display:block;height:100%;border-radius:999px;transition:width .6s ease}.as-segmen{display:flex;height:9px;border-radius:999px;overflow:hidden;gap:2px;margin-bottom:4px}.as-segmen span{display:block;min-width:4px}@container (min-width: 1020px){.as-pipeline{grid-template-columns:repeat(5,minmax(0,1fr))}.as-tahap:not(:last-child):after{content:"";position:absolute;top:33px;left:calc(100% + 1px);width:14px;height:3px;border-radius:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--gold),transparent) -60% 0 / 60% 100% no-repeat,var(--line);animation:as-alir 1.5s linear infinite}}@keyframes as-alir{0%{background-position:-60% 0,0 0}to{background-position:160% 0,0 0}}.as-ubin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.as-ubin{display:flex;align-items:center;gap:14px;font:inherit;text-align:left;cursor:pointer;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warna);color:var(--ink);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.as-ubin:hover{transform:translateY(-3px);background:linear-gradient(135deg,color-mix(in srgb,var(--warna) 10%,var(--surface)),var(--surface) 80%);box-shadow:0 10px 24px color-mix(in srgb,var(--warna) 22%,transparent)}.as-ubin-perhatian{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));border-left-color:var(--warna)}.as-ubin-ikon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:color-mix(in srgb,var(--warna) 14%,var(--surface))}.as-ubin-teks{display:flex;flex-direction:column;min-width:0;flex:1}.as-ubin-judul{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);display:flex;align-items:center}.as-ubin-angka{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.15;margin-top:2px;font-variant-numeric:tabular-nums;word-break:break-word}.as-ubin-label{font-size:12px;color:var(--ink-faint);margin-top:1px}.as-ubin-panah{font-size:18px;color:var(--warna);opacity:0;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease}.as-ubin:hover .as-ubin-panah{opacity:1;transform:none}.as-denyut{display:grid;grid-template-columns:minmax(180px,220px) 1fr;gap:20px;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.as-denyut-kpi{display:flex;flex-direction:column;gap:12px;justify-content:center}.as-kpi{padding:14px 16px;border-radius:14px;border-left:4px solid var(--warna);background:color-mix(in srgb,var(--warna) 8%,var(--surface))}.as-kpi-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.as-kpi-angka{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--warna);line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums}.as-denyut-grafik{min-width:0}.am-intro{max-width:640px;margin:-8px auto 20px;text-align:center;font-size:13.5px;line-height:1.6;color:var(--ink-muted);text-wrap:balance}.am-alur-masuk{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding:18px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.am-alur-step{display:flex;align-items:center;gap:10px}.am-alur-ikon{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:var(--gold-soft)}.am-alur-step strong{display:block;font-size:13px;color:var(--ink)}.am-alur-step small{display:block;font-size:11.5px;color:var(--ink-faint)}.am-alur-panah{font-size:20px;color:var(--gold);flex-shrink:0}.am-cabang-daftar{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.am-cabang-daftar span{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-muted);white-space:nowrap}.am-cabang-daftar em{font-style:normal;font-weight:500;color:var(--ink-faint)}.am-kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:14px;align-items:start}.am-kartu{border-radius:18px;border:1px solid var(--line);border-left:4px solid var(--warna);background:var(--surface);overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}.am-kartu:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--warna) 16%,transparent)}.am-kartu-kepala{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:none;border:0;font:inherit;text-align:left;color:var(--ink);cursor:pointer}.am-kartu-kepala:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--warna) 8%,var(--surface)),var(--surface) 80%)}.am-kartu-kepala:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.am-kartu-ikon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;background:color-mix(in srgb,var(--warna) 15%,var(--surface))}.am-kartu-teks{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.am-kartu-judul{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink)}.am-kartu-deskripsi{font-size:12px;color:var(--ink-faint);line-height:1.4}.am-gaya-badge{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:4px 10px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--warna) 13%,var(--surface));color:var(--warna);border:1px solid color-mix(in srgb,var(--warna) 28%,var(--line))}.am-chevron{flex-shrink:0;font-size:13px;color:var(--ink-faint);transition:transform .18s ease}.am-chevron-buka{transform:rotate(180deg)}.am-kartu-badan{padding:14px 16px 18px;border-top:1px dashed var(--line)}.am-sub-label{margin:14px 0 8px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.am-sub-label:first-child{margin-top:0}.am-navbar-mock{display:flex;border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.am-navbar-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;color:var(--ink-faint)}.am-navbar-item span{font-size:17px;line-height:1}.am-navbar-item small{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.am-navbar-aktif{background:color-mix(in srgb,var(--warna) 15%,transparent);color:var(--warna);box-shadow:inset 0 -3px 0 var(--warna)}.am-navbar-aktif small{font-weight:800}.am-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}.am-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);text-align:center}.am-tile-ikon{font-size:19px;line-height:1}.am-tile-label{font-size:10.5px;font-weight:600;line-height:1.25;color:var(--ink-muted)}.am-desktop-catatan{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px dashed var(--line)}.am-desktop-catatan span{font-size:24px;flex-shrink:0}.am-desktop-catatan p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-muted)}@media (prefers-reduced-motion: reduce){.as-live-titik,.as-titik,.as-tahap:not(:last-child):after{animation:none}.as-tahap,.as-ubin,.as-perhatian-item,.as-tahap-buka,.am-kartu,.am-chevron{transition:none}}@media (max-width: 800px){.as-hero{padding:26px 20px}.as-denyut{grid-template-columns:1fr}.as-denyut-kpi{flex-direction:row}.as-denyut-kpi .as-kpi{flex:1}.am-alur-masuk{flex-direction:column;align-items:flex-start}.am-alur-panah{transform:rotate(90deg);align-self:center}.am-gaya-badge{display:none}}.ra-kaca{min-width:250px;max-width:330px;padding:18px 22px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ra-kaca-besar{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.15;margin-top:3px}.ra-spark{flex:1.5 1 270px;min-width:250px;padding:14px 18px 10px;border-left:3px solid var(--gold);margin-top:0}.ra-spark-batang{display:flex;align-items:flex-end;gap:8px;height:74px;margin-top:10px}.ra-spark-kolom{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0}.ra-spark-bar{width:100%;max-width:30px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 55%,var(--surface)),color-mix(in srgb,var(--gold) 22%,var(--surface)));transition:height .5s ease;min-height:4px}.ra-spark-bar-kini{background:linear-gradient(180deg,var(--gold),color-mix(in srgb,var(--gold) 60%,#fff));box-shadow:0 4px 10px color-mix(in srgb,var(--gold) 35%,transparent)}.ra-spark-angka{font-size:10px;font-weight:700;color:var(--ink-muted);font-variant-numeric:tabular-nums}.ra-spark-hari{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.ra-hari{display:flex;align-items:center;gap:12px;margin:4px 0 10px}.ra-hari-label{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--gold);text-transform:capitalize;white-space:nowrap}.ra-hari-garis{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 55%,transparent),transparent)}.ra-hari-jumlah{font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.ra-lini{position:relative;display:flex;flex-direction:column;gap:8px;padding-left:0}.ra-lini:before{content:"";position:absolute;left:21px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--line),transparent 96%);border-radius:2px}.ra-item{position:relative;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--warna);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ra-item:hover{transform:translate(3px);background:linear-gradient(90deg,color-mix(in srgb,var(--warna) 9%,var(--surface)),var(--surface) 85%);box-shadow:0 6px 16px color-mix(in srgb,var(--warna) 16%,transparent)}.ra-ikon{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;position:relative;z-index:1;background:color-mix(in srgb,var(--warna) 16%,var(--surface));border:2px solid var(--surface);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--warna) 55%,var(--line))}.ra-isi{flex:1;min-width:0}.ra-baris-atas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--ink);line-height:1.5}.ra-nama{font-weight:700}.ra-kalimat{color:var(--ink-muted)}.ra-kalimat strong{color:var(--ink);font-weight:700}.ra-baris-bawah{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:3px;font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.ra-modul{padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted);font-size:11px}.ra-aksi{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ra-diff{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}.ra-diff-label{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.ra-diff-baris{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}.ra-diff-sisi{border-radius:10px;padding:8px 12px;font-size:13.5px;line-height:1.45;word-break:break-word}.ra-diff-sisi>span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:2px}.ra-diff-dari{background:var(--bad-soft);color:var(--bad);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bad) 50%,transparent)}.ra-diff-dari>span{text-decoration:none}.ra-diff-ke{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.ra-diff-panah{align-self:center;color:var(--ink-faint);font-size:18px}.ra-kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.ra-kv{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--surface)}.ra-kv-label{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.ra-kv-nilai{font-size:13.5px;color:var(--ink);margin-top:2px;word-break:break-word}@media (prefers-reduced-motion: reduce){.ra-item,.ra-spark-bar{transition:none}.ra-item:hover{transform:none}}@media (max-width: 760px){.ra-item{flex-wrap:wrap}.ra-aksi{width:100%;justify-content:flex-start;padding-left:48px}.ra-diff-baris{grid-template-columns:1fr}.ra-diff-panah{transform:rotate(90deg);justify-self:center}.ra-kaca{max-width:none;width:100%}}.pa-hero-kaca{min-width:270px;max-width:360px;padding:18px 22px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pa-hero-daftar{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:12.5px}.pa-hero-daftar li{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pa-hero-daftar li span{opacity:.8}.pa-hero-daftar li strong{text-align:right}.pa-tata{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.pa-rel{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.pa-rel-judul{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.pa-rel-item{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:13px;font-weight:600;color:var(--ink-muted);background:none;border:0;border-left:3px solid transparent;border-radius:10px;padding:8px 10px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pa-rel-item:hover{background:var(--accent-soft);color:var(--ink)}.pa-rel-item.aktif{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 95%);color:var(--accent-ink);border-left-color:var(--accent)}.pa-rel-titik{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent);flex-shrink:0}.pa-rel-ringkas{font-size:12px;text-align:center;padding:8px 10px;border-radius:10px;background:var(--surface-2);color:var(--ink-faint);font-weight:600}.pa-rel-ringkas.ada{background:var(--gold-soft);color:var(--gold)}.pa-isi{display:flex;flex-direction:column;gap:18px;min-width:0}.pa-bagian{scroll-margin-top:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.pa-bagian.pa-kotor{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent),var(--shadow)}.pa-bagian-kepala{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 6px}.pa-bagian-ikon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:linear-gradient(135deg,var(--gold-soft),var(--accent-soft))}.pa-bagian-judul{margin:0;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}.pa-bagian-desk{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--ink-muted);max-width:720px}.pa-bagian-isi{padding:14px 22px 4px}.pa-bagian-kaki{display:flex;align-items:center;gap:12px;padding:14px 22px 18px;margin-top:10px;border-top:1px dashed var(--line);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-2) 55%,transparent))}.pa-pesan-ok{font-size:13px;font-weight:700;color:var(--accent-ink)}.pa-pesan-galat{font-size:13px;font-weight:600;color:var(--bad)}.pa-kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.pa-pilihan{font:inherit;text-align:left;cursor:pointer;padding:12px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pa-pilihan:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 16%,transparent)}.pa-pilihan.dipilih{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.pa-pilihan-nama{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:13.5px;font-weight:800;color:var(--ink)}.pa-pilihan-desk{font-size:11.5px;line-height:1.45;color:var(--ink-faint);margin-top:3px}.pa-mini{display:flex;gap:6px;height:96px;padding:8px;border-radius:12px;border:1px solid}.pa-mini-side{width:30px;border-radius:7px;border:1px solid;padding:5px 4px;display:flex;flex-direction:column;gap:4px}.pa-mini-side span{height:7px;border-radius:3px;display:block}.pa-mini-isi{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.pa-mini-judul{display:block;width:55%;height:7px;border-radius:3px;opacity:.85}.pa-mini-kartu{flex:1;height:26px;border-radius:6px;border:1px solid;display:block}.pa-mini-baris{display:flex;align-items:center;padding:0 8px;flex:1;border-radius:6px;border:1px solid}.pa-mini-baris i{display:block;width:60%;height:5px;border-radius:3px}.pa-ponsel{width:94px;padding:9px 8px 10px;background:var(--bg);border:3px solid var(--ink-faint)}.pa-ponsel-judul{font-size:10.5px;font-weight:700;color:var(--ink);margin-bottom:7px}.pa-ponsel-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pa-ponsel-ubin{height:34px;display:flex;align-items:center;justify-content:center}.pa-baris-saklar{display:flex;align-items:center;gap:16px;padding:4px 0 6px}.pa-saklar-judul{font-size:14.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pa-saklar-desk{font-size:12.5px;color:var(--ink-muted);margin-top:2px}.pa-geser{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--surface-2);max-width:520px}.pa-geser-atas{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.pa-geser-atas label{font-size:12.5px;font-weight:700;color:var(--ink-muted)}.pa-geser-nilai{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--accent-ink)}.pa-geser-nilai small{font-size:12px;font-weight:600;color:var(--ink-faint);font-family:var(--sans)}.pa-geser input[type=range]{accent-color:var(--accent)}.pa-geser-batas{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-faint);margin-top:2px}.pa-metode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pa-metode-kelompok{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.pa-metode-kosong{border-color:var(--bad);background:var(--bad-soft)}.pa-metode-judul{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.pa-metode-ket{font-size:12.5px;color:var(--ink-muted);margin-bottom:4px}.pa-metode-baris{padding:8px 0;border-top:1px dashed var(--line)}.pa-metode-pil{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.pa-metode-pil.on{background:var(--accent-soft);color:var(--accent-ink)}.pa-metode-pil.off{background:var(--bad-soft);color:var(--bad)}.pa-toleransi{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.pa-toleransi-isi{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.pa-toleransi-input{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-muted)}.pa-toleransi-contoh{font-size:13px;color:var(--ink-muted);padding:8px 12px;border-radius:10px;background:var(--surface-2);font-variant-numeric:tabular-nums}.pa-dua{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.pa-label-kecil{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.pa-kartu-belakang{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1.586 / 1;color:#fff;background:linear-gradient(135deg,var(--pp-terang, var(--accent)),var(--pp-gelap, var(--accent-ink)));box-shadow:0 12px 26px color-mix(in srgb,var(--pp-gelap, var(--accent-ink)) 38%,transparent)}.pa-kartu-belakang:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--gold) 45%,transparent),transparent 48%)}.pa-kartu-isi{position:relative;z-index:1;padding:16px 18px;height:100%;display:flex;flex-direction:column;gap:8px}.pa-kartu-atas{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.92}.pa-kartu-atas img{width:24px;height:24px;border-radius:50%;background:#fff;object-fit:contain;padding:2px}.pa-kartu-judul{font-family:var(--serif);font-size:15px;font-weight:700}.pa-kartu-teks{font-size:11px;line-height:1.5;white-space:pre-wrap;opacity:.92;overflow:hidden}.pa-versi-ponsel{display:flex;justify-content:center;align-items:center;padding:22px 14px;border-radius:22px;background:color-mix(in srgb,var(--ink) 55%,transparent);min-height:260px}.pa-versi-kartu{width:100%;max-width:250px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 14px}.pa-versi-kartu strong{font-size:15px;color:var(--ink)}.pa-versi-kartu small{font-size:11px;color:var(--ink-muted)}.pa-versi-kartu small b{color:var(--accent)}.pa-versi-lencana{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--accent-soft)}.pa-versi-catatan{align-self:stretch;text-align:left;font-size:11.5px;line-height:1.45;color:var(--ink);background:var(--surface-2);border-radius:10px;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.pa-versi-catatan em{display:block;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:2px}.pa-versi-tombol{align-self:stretch;margin-top:4px;padding:9px;border-radius:10px;background:var(--accent);color:#fff;font-size:12.5px;font-weight:800}.pa-versi-nanti{font-size:12px;font-weight:600;color:var(--ink-muted)}.pa-versi-kosong{font-size:12px;color:#fff;opacity:.85;text-align:center;max-width:220px}.pa-footer-pratinjau{text-align:center;font-size:12px;color:var(--ink-faint);padding:14px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line)}@media (prefers-reduced-motion: reduce){.pa-pilihan,.pa-rel-item,.pa-bagian{transition:none}.pa-pilihan:hover{transform:none}}@media (max-width: 1100px){.pa-tata{grid-template-columns:1fr}.pa-rel{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding:10px}.pa-rel-grup{display:flex;gap:6px;align-items:center;flex-shrink:0}.pa-rel-judul{display:none}.pa-rel-item{white-space:nowrap;width:auto;border-left:0;border-bottom:3px solid transparent}.pa-rel-item.aktif{border-bottom-color:var(--accent)}.pa-rel-ringkas{flex-shrink:0;align-self:center;white-space:nowrap}.pa-dua{grid-template-columns:1fr}}.bk-isi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.bk-isi-judul{font-size:12px;font-weight:700;color:var(--ink-muted);margin-right:4px}.bk-isi-chip{font-size:12.5px;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-muted);font-variant-numeric:tabular-nums}.bk-isi-chip strong{color:var(--ink);margin-left:3px}.bk-dua{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;margin-top:26px;align-items:start}.bk-panel{border-radius:22px;padding:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.bk-bahaya{border-color:color-mix(in srgb,var(--bad) 42%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--bad-soft) 55%,var(--surface)),var(--surface) 38%)}.bk-kepala{display:flex;gap:14px;align-items:flex-start}.bk-ikon{width:48px;height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:linear-gradient(135deg,var(--gold-soft),var(--accent-soft))}.bk-ikon-bahaya{background:linear-gradient(135deg,var(--bad-soft),var(--gold-soft))}.bk-judul{margin:0;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.bk-desk{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--ink-muted)}.bk-desk code{font-size:12px}.bk-cta{display:flex;align-items:center;gap:14px;width:100%;margin-top:20px;padding:16px 20px;font:inherit;text-align:left;cursor:pointer;color:#fff;border:0;border-radius:16px;background:linear-gradient(125deg,var(--pp-terang, var(--accent)),var(--pp-gelap, var(--accent-ink)));box-shadow:0 12px 26px color-mix(in srgb,var(--pp-gelap, var(--accent-ink)) 38%,transparent);transition:transform .15s ease,box-shadow .15s ease}.bk-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--pp-gelap, var(--accent-ink)) 46%,transparent)}.bk-cta:disabled{opacity:.85;cursor:progress}.bk-cta strong{display:block;font-size:15px}.bk-cta small{display:block;font-size:11.5px;opacity:.8;margin-top:2px}.bk-progres{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:12px}.bk-progres span{display:block;height:100%;width:38%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:bk-geser 1.2s ease-in-out infinite}.bk-progres-bahaya span{background:linear-gradient(90deg,transparent,var(--bad),transparent)}@keyframes bk-geser{0%{margin-left:-40%}to{margin-left:102%}}.bk-sukses{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.bk-sukses-berkas{font-family:Consolas,monospace;font-size:12px;margin:2px 0;word-break:break-all}.bk-tips{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:12px}.bk-tips li{display:flex;gap:10px;font-size:12.5px;line-height:1.5;color:var(--ink-muted)}.bk-tips li>span{font-size:18px}.bk-tips strong{color:var(--ink)}.bk-peringatan{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:12.5px;line-height:1.55;color:var(--bad);background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent)}.bk-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;margin-top:16px;padding:26px 18px;cursor:pointer;border-radius:16px;border:2px dashed color-mix(in srgb,var(--bad) 40%,var(--line));background:var(--surface);transition:background .15s ease,border-color .15s ease,transform .15s ease}.bk-drop:hover,.bk-drop:focus-visible{border-color:var(--bad);background:color-mix(in srgb,var(--bad-soft) 45%,var(--surface));outline:none}.bk-drop.seret{border-color:var(--bad);background:var(--bad-soft);transform:scale(1.01)}.bk-drop.terisi{cursor:default;border-style:solid;padding:14px 16px}.bk-berkas{display:flex;align-items:center;gap:12px;width:100%;text-align:left}.bk-berkas-nama{font-family:Consolas,monospace;font-size:12.5px;font-weight:700;color:var(--ink);word-break:break-all}.bk-langkah{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.bk-langkah li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--ink-muted)}.bk-langkah li.selesai{color:var(--accent-ink)}.bk-no{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--line)}.bk-langkah li.selesai .bk-no{background:var(--accent);color:#fff;border-color:var(--accent)}.bk-kata{font-family:Consolas,monospace;letter-spacing:.12em;color:var(--bad)}.bk-kata-input{display:block;margin-top:6px;width:160px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.bk-tombol-import{width:100%;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:800}.bk-alur{margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.bk-alur-langkah{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;font-size:12px;color:var(--ink-muted)}.bk-alur-langkah span{padding:4px 10px;border-radius:999px;background:var(--surface-2)}.bk-alur-langkah i{font-style:normal;color:var(--ink-faint)}.bk-pengaman{margin-top:38px}.bk-daftar{display:flex;flex-direction:column;gap:8px;max-width:860px;margin:0 auto}.bk-baris{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--sma-hue);transition:transform .15s ease,background .15s ease}.bk-baris:hover{transform:translate(3px);background:linear-gradient(90deg,color-mix(in srgb,var(--sma-hue) 9%,var(--surface)),var(--surface) 85%)}.bk-baris-ikon{font-size:20px}.bk-baris-nama{font-family:Consolas,monospace;font-size:12.5px;font-weight:700;color:var(--ink);word-break:break-all}@media (prefers-reduced-motion: reduce){.bk-progres span{animation:none;width:100%}.bk-cta,.bk-drop,.bk-baris{transition:none}.bk-cta:hover{transform:none}}@media (max-width: 1000px){.bk-dua{grid-template-columns:1fr}.bk-panel{padding:18px}}.pg-kaca{min-width:260px;max-width:320px;padding:18px 22px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pg-kaca-besar{font-family:var(--serif);font-size:44px;font-weight:700;line-height:1.05;margin-top:4px;font-variant-numeric:tabular-nums}.pg-kaca-besar small{font-size:20px;opacity:.8;margin-left:2px}.pg-kaca-bar{height:8px;border-radius:999px;background:#fff3;margin-top:8px;overflow:hidden}.pg-kaca-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 60%,#fff),var(--gold));transition:width .6s ease}.pg-kaca-info{font-size:12.5px;opacity:.88;margin-top:8px}.pg-komposisi{margin:0 0 16px;padding:14px 18px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.pg-komposisi-judul{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.pg-komposisi-judul span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-faint)}.pg-komposisi-bar{display:flex;gap:3px;height:16px}.pg-komposisi-bar button{border:0;padding:0;min-width:6px;cursor:pointer;border-radius:5px;opacity:.85;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.pg-komposisi-bar button:first-child{border-radius:999px 5px 5px 999px}.pg-komposisi-bar button:last-child{border-radius:5px 999px 999px 5px}.pg-komposisi-bar button:hover,.pg-komposisi-bar button.aktif{opacity:1;transform:scaleY(1.35);box-shadow:0 4px 10px #0000002e}.pg-komposisi-legenda{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:10px}.pg-legenda{font:inherit;font-size:12px;color:var(--ink-muted);background:none;border:1px solid transparent;border-radius:999px;padding:2px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease}.pg-legenda i{width:9px;height:9px;border-radius:3px;display:inline-block}.pg-legenda strong{color:var(--ink);font-variant-numeric:tabular-nums}.pg-legenda:hover,.pg-legenda.aktif{background:var(--surface-2);border-color:var(--line)}.pg-tabel{border-radius:18px;box-shadow:var(--shadow)}.pg-tabel .data-table thead th{font-size:10.5px;letter-spacing:.12em;color:var(--gold)}.pg-tabel tr.row-hover-gradasi{border-left-color:color-mix(in srgb,var(--rk, var(--accent)) 50%,transparent)}.pg-tabel tr.row-hover-gradasi:hover{border-left-color:var(--rk, var(--accent));background:linear-gradient(90deg,color-mix(in srgb,var(--rk, var(--accent)) 9%,var(--surface)),var(--surface) 92%)}.pg-peran{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--rk) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--rk) 38%,var(--line))}@media (prefers-reduced-motion: reduce){.pg-komposisi-bar button,.pg-kaca-bar span{transition:none}}@media (max-width: 760px){.pg-kaca{max-width:none;width:100%}}.ka-kaca{min-width:260px;max-width:320px;padding:18px 22px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ka-kaca-besar{font-family:var(--serif);font-size:40px;font-weight:700;line-height:1.05;margin-top:4px;font-variant-numeric:tabular-nums}.ka-kaca-besar small{font-size:15px;font-weight:600;opacity:.8;font-family:var(--sans)}.ka-panel{border-radius:20px;box-shadow:var(--shadow)}.ka-panel .card-title{color:var(--gold);letter-spacing:.08em}.ka-grup-kepala{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ka-grup-judul{font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.ka-grup-garis{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 55%,transparent),transparent)}.ka-grup-hitung{font-size:11.5px;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.ka-grup-bar{width:64px;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;flex-shrink:0}.ka-grup-bar>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}@media (max-width: 760px){.ka-kaca{max-width:none;width:100%}}.kn-kaca{min-width:270px;max-width:340px;padding:18px 22px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kn-kaca-besar{font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.15;margin-top:4px;font-variant-numeric:tabular-nums;word-break:break-word}.kn-kaca-status{display:inline-block;margin-top:6px;padding:2px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;background:#ffffff29}.kn-kaca-surplus{box-shadow:0 0 0 1px #5be0a480,0 0 26px #5be0a433}.kn-kaca-surplus .kn-kaca-besar,.kn-kaca-surplus .kn-kaca-status{color:#7cf0bd}.kn-kaca-defisit{box-shadow:0 0 0 1px #ff8f7a99,0 0 26px #ff8f7a38}.kn-kaca-defisit .kn-kaca-besar,.kn-kaca-defisit .kn-kaca-status{color:#ffab98}.kn-periode{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kn-periode-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.kn-periode-chip{display:flex;flex-wrap:wrap;gap:6px}.kn-periode-tanggal{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;width:100%;padding-top:6px}.kn-estimasi-baris{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.kn-estimasi{flex:3 1 480px;padding:22px 26px;border-radius:20px;color:#fff;background:linear-gradient(125deg,var(--pp-gelap, var(--accent-ink)),var(--pp-terang, var(--accent)));box-shadow:0 14px 30px color-mix(in srgb,var(--pp-gelap, var(--accent-ink)) 40%,transparent);position:relative;overflow:hidden}.kn-estimasi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--gold) 50%,transparent),transparent 42%)}.kn-estimasi>*{position:relative;z-index:1}.kn-estimasi-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.kn-estimasi-judul{font-family:var(--serif);font-size:18px;font-weight:600}.kn-estimasi-sub{font-size:12px;opacity:.8;margin-top:2px}.kn-estimasi-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 12px;border-radius:999px;background:#ffffff29}.kn-estimasi-live i{width:8px;height:8px;border-radius:50%;background:#5be0a4;animation:as-denyut 1.8s ease-in-out infinite}.kn-estimasi-kolom{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 24px}.kn-estimasi-label{font-size:11.5px;opacity:.82;margin-bottom:5px}.kn-estimasi-angka{font-family:var(--serif);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.kn-estimasi-banding{margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;opacity:.88}.kn-saldo{flex:1 1 220px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,var(--gold-soft),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));box-shadow:var(--shadow)}.kn-saldo-ikon{font-size:26px}.kn-saldo-label{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:6px}.kn-saldo-angka{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums;word-break:break-word}.kn-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}.kn-kpi{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--warna);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.kn-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 24px color-mix(in srgb,var(--warna) 20%,transparent)}.kn-kpi-ikon{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:color-mix(in srgb,var(--warna) 14%,var(--surface))}.kn-kpi-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.kn-kpi-angka{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums;word-break:break-word}.kn-kpi-sub{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.kn-panel{margin-top:22px;padding:22px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kn-panel-kepala{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;flex-wrap:wrap}.kn-panel-ikon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:linear-gradient(135deg,var(--gold-soft),var(--accent-soft))}.kn-panel-judul{margin:0;font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.kn-panel-desk{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:var(--ink-muted);max-width:820px}.kn-dua{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.kn-sublabel{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}.kn-mini-grup{flex:2 1 280px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kn-mini{padding:14px 16px;border-radius:14px;border-left:4px solid var(--warna);background:color-mix(in srgb,var(--warna) 8%,var(--surface))}.kn-mini>span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.kn-mini strong{display:block;font-family:var(--serif);font-size:20px;margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums;container-type:inline-size;white-space:nowrap}.kn-mini-net strong{color:var(--warna);font-size:24px}.kn-tagih{margin-bottom:16px}.kn-tagih-baris{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-muted);margin-bottom:6px}.kn-tagih-baris strong{color:var(--accent-ink);font-family:var(--serif);font-size:16px}.kn-bar{height:9px;border-radius:999px;background:var(--bad-soft);overflow:hidden}.kn-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));transition:width .6s ease}.kn-total{margin-left:auto;text-align:right;padding:10px 16px;border-radius:14px;background:var(--accent-soft)}.kn-total span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kn-total strong{font-family:var(--serif);font-size:20px;color:var(--accent-ink);font-variant-numeric:tabular-nums}.kn-total-keluar{background:var(--bad-soft)}.kn-total-keluar strong{color:var(--bad)}@media (prefers-reduced-motion: reduce){.kn-kpi,.kn-bar span,.kn-estimasi-live i{transition:none;animation:none}.kn-kpi:hover{transform:none}}@media (max-width: 760px){.kn-kaca{max-width:none;width:100%}.kn-panel{padding:16px}.kn-total{margin-left:0;text-align:left;width:100%}}.tg-bar{height:5px;border-radius:999px;background:var(--bad-soft);overflow:hidden;margin-top:5px;width:92px}.tg-bar>span{display:block;height:100%;border-radius:999px;background:var(--accent)}.ka-panel .field{min-width:0;max-width:100%}.ka-panel .field select.input,.ka-panel .field input.input{max-width:100%}.kp-kaca-antre{box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 70%,#fff),0 0 26px color-mix(in srgb,var(--gold) 35%,transparent)}.kp-kaca-antre .kn-kaca-besar{color:#ffe3a3}.kp-info-saring{flex:1 1 220px;font-size:13px;color:var(--ink-muted);padding-bottom:8px}.kp-daftar{display:flex;flex-direction:column;gap:14px}.kp-kartu{--kp: var(--line);display:flex;gap:18px;flex-wrap:wrap;padding:18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--kp);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.kp-kartu:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--kp) 20%,transparent)}.kp-kartu.kp-menunggu{--kp: var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--surface) 55%)}.kp-kartu.kp-diterima{--kp: var(--accent)}.kp-kartu.kp-ditolak{--kp: var(--bad)}.kp-bukti{position:relative;width:132px;height:132px;padding:0;flex-shrink:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);cursor:zoom-in}.kp-bukti img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.kp-bukti span{position:absolute;left:0;right:0;bottom:0;padding:5px 0;font-size:11px;font-weight:700;text-align:center;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent);opacity:0;transition:opacity .18s ease}.kp-bukti:hover img,.kp-bukti:focus-visible img{transform:scale(1.06)}.kp-bukti:hover span,.kp-bukti:focus-visible span{opacity:1}.kp-isi{flex:1 1 300px;min-width:0}.kp-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.kp-santri{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.kp-nis{margin-left:6px;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.kp-meta{font-size:12.5px;color:var(--ink-muted);margin-top:3px}.kp-usia{font-weight:700;color:var(--gold)}.kp-pil{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--kp);background:color-mix(in srgb,var(--kp) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--kp) 35%,transparent)}.kp-rincian{margin-top:12px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface))}.kp-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:13px;border-bottom:1px dashed var(--line)}.kp-item-nama{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;color:var(--ink)}.kp-item-jumlah{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.kp-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px}.kp-total span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kp-total strong{font-family:var(--serif);font-size:19px;color:var(--accent-ink);font-variant-numeric:tabular-nums}.kp-catatan{margin:10px 0 0;padding:8px 14px;border-radius:12px;font-size:13px;line-height:1.5;color:var(--ink);background:var(--gold-soft);border-left:3px solid var(--gold)}.kp-catatan span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.kp-tolak-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.kp-tolak-form .input{flex:1 1 220px;min-width:0}.kp-proses{margin:10px 0 0;font-size:12.5px;color:var(--ink-muted)}.kp-alasan{display:block;margin-top:4px;padding:6px 12px;border-radius:10px;color:var(--bad);background:var(--bad-soft)}.kp-kosong{text-align:center;padding:38px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.kp-kosong-ikon{font-size:40px}.kp-lightbox{max-width:560px;display:flex;flex-direction:column;gap:12px}.kp-lightbox-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.kp-lightbox-gambar{max-height:62vh;overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.kp-lightbox-gambar img{display:block;width:100%;height:auto}@media (prefers-reduced-motion: reduce){.kp-kartu,.kp-bukti img,.kp-bukti span{transition:none}.kp-kartu:hover,.kp-bukti:hover img{transform:none}}@media (max-width: 560px){.kp-kartu{padding:14px}.kp-bukti{width:100%;height:190px}}.kt-hari-ini{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.kt-hari-ini span{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.kt-hari-ini strong{font-family:var(--serif);font-size:15px;font-variant-numeric:tabular-nums}.kt-baris{cursor:pointer}.kt-nomor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;letter-spacing:.04em;padding:2px 8px;border-radius:8px;background:var(--surface-2);color:var(--ink)}.kt-angka{font-variant-numeric:tabular-nums}.kt-pil{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.kt-ok{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.kt-warn,.kt-emas{color:var(--gold);background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.kt-bad{color:var(--bad);background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.kt-netral{color:var(--ink-muted);background:var(--surface-2);border-color:var(--line)}.kt-atas{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch}.kt-kartu{position:relative;flex:1 1 360px;max-width:460px;aspect-ratio:1.586;min-height:220px;border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--pp-terang) 0%,var(--pp-gelap) 70%);box-shadow:0 22px 44px color-mix(in srgb,var(--pp-gelap) 50%,transparent),inset 0 0 0 1px #ffffff2e;transition:transform .3s ease}.kt-kartu:hover{transform:translateY(-3px) rotate(-.4deg)}.kt-kartu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--gold) 60%,transparent),transparent 46%),linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%)}.kt-kartu-isi{position:relative;z-index:1;height:100%;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between}.kt-kartu-baris{display:flex;justify-content:space-between;align-items:center;gap:12px}.kt-kartu-merek{font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,#fff)}.kt-chip{width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 45%,#fff),var(--gold) 55%,color-mix(in srgb,var(--gold) 60%,#000));box-shadow:inset 0 0 0 1px #00000040;position:relative}.kt-chip:before,.kt-chip:after{content:"";position:absolute;background:#00000038}.kt-chip:before{left:33%;right:33%;top:0;bottom:0;width:1px;margin:auto;height:100%}.kt-chip:after{top:50%;left:0;right:0;height:1px}.kt-kartu-saldo-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:-6px}.kt-kartu-saldo{font-family:var(--serif);font-size:34px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;word-break:break-word}.kt-kartu-nomor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:.16em;opacity:.92}.kt-kartu-nama{font-weight:700;font-size:15px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kt-kartu-sub{font-size:11.5px;opacity:.8;margin-top:2px}.kt-kartu-blokir{filter:grayscale(.85) brightness(.8)}.kt-cap{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);padding:6px 22px;border:3px solid #ffb4a3;border-radius:10px;color:#ffb4a3;font-size:26px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;background:#3c0a0059}.kt-status{flex:1 1 320px;display:flex;flex-direction:column;gap:14px;margin:0}.kt-status-baris{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.kt-status-label{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kt-aksi{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.kt-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}.kt-dua .ka-panel{margin:0}.kt-cepat{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.kt-kosong{text-align:center;padding:24px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.kt-kosong-ikon{font-size:40px}@media (prefers-reduced-motion: reduce){.kt-kartu{transition:none}.kt-kartu:hover{transform:none}}@media (max-width: 560px){.kt-kartu-saldo{font-size:28px}.kt-kartu-isi{padding:16px 18px}.kt-kartu{min-height:200px}}.kc-grid{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;margin-top:22px}.kc-form{flex:1 1 380px;margin:0;display:flex;flex-direction:column;gap:14px}.kc-kanan{flex:1 1 340px;display:flex;flex-direction:column;gap:16px;min-width:0}.kc-info-kartu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:8px;padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--ink-muted);background:var(--accent-soft)}.kc-info-kartu strong{color:var(--ink)}.kc-info-galat{color:var(--bad);background:var(--bad-soft)}.kc-pin{letter-spacing:.4em;font-size:16px;text-align:center}.kc-tombol{width:100%;padding:12px;font-size:15px;font-weight:700}.kc-layar{position:relative;overflow:hidden;border-radius:22px;color:#fff;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#1d2a24,#0d1512);box-shadow:0 16px 36px #00000047,inset 0 0 0 1px #ffffff1a;transition:background .3s ease}.kc-layar-ok{background:linear-gradient(135deg,var(--pp-terang),var(--pp-gelap));box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 0 0 1px #7cf0bd80}.kc-layar-tolak{background:linear-gradient(135deg,#7a2f1b,#3d130a);box-shadow:0 16px 36px #7a2f1b66,inset 0 0 0 1px #ffab9880}.kc-layar-isi{position:relative;z-index:1;padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:6px}.kc-layar-ikon{font-size:34px}.kc-layar-judul{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,#fff)}.kc-layar-angka{font-family:var(--serif);font-size:40px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;word-break:break-word}.kc-layar-sub{font-size:13px;opacity:.88;max-width:320px}.kc-layar-ok .kc-layar-angka{color:#7cf0bd}.kc-layar-tolak .kc-layar-judul{color:#ffab98}.kc-riwayat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.kc-riwayat li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border-left:3px solid var(--kc, var(--line));background:color-mix(in srgb,var(--kc, var(--line)) 7%,var(--surface))}.kc-r-ok{--kc: var(--accent)}.kc-r-tolak{--kc: var(--bad)}.kc-r-jam{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.kc-r-isi{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px}.kc-r-isi small{color:var(--ink-muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion: reduce){.kc-layar{transition:none}}@media (max-width: 560px){.kc-layar-angka{font-size:32px}}.ka-panel .kn-panel-kepala>div:not(.kn-panel-ikon){flex:1 1 200px;min-width:0}.pp-btn-emas:disabled,.pp-btn-kaca:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.pay-sukses{margin-top:16px;padding:10px 16px;border-radius:14px;font-size:13.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.sp-kaca{min-width:300px;max-width:380px}.sp-corong{display:flex;flex-direction:column;gap:6px;margin-top:12px}.sp-corong-baris{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;font-size:12px}.sp-corong-baris i{display:block;height:7px;border-radius:999px;background:#ffffff2e;overflow:hidden}.sp-corong-baris b{display:block;height:100%;border-radius:999px;transition:width .6s ease}.sp-corong-baris em{font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.sp-gelombang-info{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:12.5px;line-height:1.5}.sp-gelombang-tutup{color:#ffd9a3}.sp-daftar{display:flex;flex-direction:column;gap:14px;margin-top:16px}.halaman-spmb .ppdb-card{border-radius:18px}.sp-kepala{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.sp-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,var(--surface));border:1.5px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.sp-putra{color:var(--putra-hue);background:color-mix(in srgb,var(--putra-hue) 14%,var(--surface));border-color:color-mix(in srgb,var(--putra-hue) 40%,var(--line))}.sp-putri{color:var(--putri-hue);background:color-mix(in srgb,var(--putri-hue) 14%,var(--surface));border-color:color-mix(in srgb,var(--putri-hue) 40%,var(--line))}.sp-nama{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.sp-nomor{margin-left:6px;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.sp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.sp-kendali{margin-top:12px;padding:10px 14px;border-radius:14px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--surface-2) 65%,var(--surface));border:1px dashed var(--line)}@media (max-width: 760px){.sp-kaca{max-width:none;width:100%}}.sn-kaca-baris{display:grid;grid-template-columns:116px 1fr 44px;align-items:center;gap:10px;margin-top:8px;font-size:12px}.sn-kaca-baris .pg-kaca-bar{margin-top:0}.sn-kaca-baris strong{text-align:right;font-variant-numeric:tabular-nums}.ta-kaca{min-width:300px;max-width:380px}.ta-kaca-angka{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.ta-kaca-angka strong{display:block;font-family:var(--serif);font-size:22px;font-variant-numeric:tabular-nums}.ta-kaca-angka span{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.78}.ta-kartu{border-radius:18px}@media (max-width: 760px){.ta-kaca{max-width:none;width:100%}}.kl-daftar{margin-top:8px}.kl-kartu{border-radius:18px}.kb-rak-judul{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--spine, var(--gold)) 45%,var(--line))}.kb-rak-nama{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.kb-rak-jumlah{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--spine, var(--gold))}.kb-kartu{border-radius:16px;border-left:5px solid var(--spine, var(--accent));transition:transform .18s ease,box-shadow .18s ease}.kb-kartu:hover{transform:translateY(-3px);box-shadow:0 12px 24px color-mix(in srgb,var(--spine, var(--accent)) 20%,transparent)}@media (prefers-reduced-motion: reduce){.kb-kartu{transition:none}.kb-kartu:hover{transform:none}}.jp-kaca-live{box-shadow:0 0 0 1px #ff8f7a99,0 0 26px #ff8f7a38}.jp-titik-live{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ff7a5c;margin-right:6px;vertical-align:middle;animation:as-denyut 1.6s ease-in-out infinite;box-shadow:0 0 #ff7a5cb3}@media (prefers-reduced-motion: reduce){.jp-titik-live{animation:none}}.if-kartu{border-left:4px solid var(--gold)}.pengguna-tiles>.card{margin-top:0}.cx-hero{padding:26px 34px}.cx-jendela{margin-top:22px;border-radius:22px;box-shadow:0 14px 34px color-mix(in srgb,var(--pp-gelap, var(--accent-ink)) 16%,transparent)}.cx-thread{background-color:var(--surface-2);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 0);background-size:22px 22px}.cx-kepala-ruang{background:linear-gradient(90deg,var(--accent-soft),var(--surface) 70%)}.cx-kosong{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-muted);font-size:13px;text-align:center;padding:20px;background:var(--surface-2)}.cx-kosong-ikon{font-size:44px;opacity:.85}.cx-kosong strong{font-family:var(--serif);font-size:17px;color:var(--ink)}@media (max-width: 760px){.cx-hero{padding:20px}}.bd-kaca{min-width:300px;max-width:380px}.bd-perhatian-judul{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-family:var(--serif);font-size:17px;font-weight:600}.bd-perhatian{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease}.bd-perhatian:hover{background:#ffffff3d;transform:translate(2px)}.bd-panah{margin-left:auto;opacity:.8;font-size:16px}.halaman-beranda .card{border-radius:20px}@media (max-width: 760px){.bd-kaca{max-width:none;width:100%}}@media (prefers-reduced-motion: reduce){.bd-perhatian{transition:none}.bd-perhatian:hover{transform:none}}.kg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding:6px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.kg-tab{flex:1 1 auto;padding:9px 16px;border:none;border-radius:13px;background:transparent;color:var(--ink-muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.kg-tab:hover{background:var(--accent-soft);color:var(--accent-ink)}.kg-tab-aktif,.kg-tab-aktif:hover{background:linear-gradient(135deg,var(--accent),var(--accent-ink));color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 30%,transparent)}.kg-form{padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.td-kartu{border-left:4px solid var(--kt, var(--line))}@media (prefers-reduced-motion: reduce){.kg-tab{transition:none}}.mw-overlay{background:#08160f94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center}.modal-card.mw-kartu{max-width:560px;padding:0;border-radius:26px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));box-shadow:0 30px 70px #00000061;animation:mw-masuk .28s cubic-bezier(.2,.8,.3,1)}@keyframes mw-masuk{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.mw-kepala{position:relative;overflow:hidden;padding:24px 26px 22px;color:#fff;background:linear-gradient(125deg,var(--pp-gelap, #0d3b2e) 0%,var(--pp-terang, #1a6b52) 100%)}.mw-kepala:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--gold) 55%,transparent),transparent 46%)}.mw-kepala-isi{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding-right:36px}.mw-ikon{width:58px;height:58px;flex-shrink:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;background:#ffffff29;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 0 0 3px #ffffff0d}.mw-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 55%,#fff)}.mw-judul{margin:3px 0 0;font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15}.mw-sub{margin:6px 0 0;font-size:12.5px;line-height:1.5;opacity:.86;max-width:380px}.mw-tutup{position:absolute;z-index:2;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font-size:14px;cursor:pointer;transition:background .15s ease,transform .15s ease}.mw-tutup:hover{background:#ffffff4d;transform:rotate(90deg)}.mw-badan{padding:22px 26px 24px}.mw-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mw-mode-item{display:flex;align-items:center;gap:10px;padding:12px 14px;text-align:left;font:inherit;cursor:pointer;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.mw-mode-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.mw-mode-item.aktif{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 90%);color:var(--accent-ink);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.mw-mode-ikon{width:36px;height:36px;flex-shrink:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--surface-2)}.mw-mode-item.aktif .mw-mode-ikon{background:var(--accent)}.mw-mode-teks{display:flex;flex-direction:column;min-width:0}.mw-mode-teks strong{font-size:13.5px;color:var(--ink)}.mw-mode-teks small{font-size:11.5px;color:var(--ink-faint)}.mw-petunjuk{margin:12px 2px 16px;padding-left:12px;border-left:3px solid var(--gold);font-size:12.5px;line-height:1.55;color:var(--ink-muted)}.mw-form{display:flex;flex-direction:column;gap:14px}.mw-form .field{margin:0}.mw-form .field label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.mw-input{position:relative;display:flex;align-items:center}.mw-input .input{width:100%;padding:11px 14px 11px 42px;border-radius:14px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.mw-input .input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);outline:none}.mw-input .input:disabled{background:var(--surface-2);color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.mw-input-ikon{position:absolute;left:14px;font-size:16px;pointer-events:none}.mw-kunci{position:absolute;right:12px;padding:2px 10px;border-radius:999px;font-size:10.5px;font-weight:800;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.mw-pratinjau{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,var(--gold-soft),var(--surface) 75%);border:1px dashed color-mix(in srgb,var(--gold) 45%,var(--line))}.mw-pratinjau-avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;letter-spacing:.02em;box-shadow:0 6px 14px #0000002e}.mw-pratinjau-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.mw-pratinjau-nama{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-pratinjau-meta{font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-aksi{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.mw-aksi .btn{padding:10px 20px;border-radius:13px;font-weight:700}.mw-kirim{min-width:150px;background:linear-gradient(135deg,var(--accent),var(--accent-ink));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 30%,transparent)}@media (max-width: 560px){.mw-mode{grid-template-columns:1fr}.mw-kepala{padding:20px 18px}.mw-badan{padding:18px}.mw-judul{font-size:22px}.mw-ikon{width:48px;height:48px;font-size:24px}}@media (prefers-reduced-motion: reduce){.modal-card.mw-kartu{animation:none}.mw-tutup,.mw-mode-item{transition:none}.mw-tutup:hover{transform:none}}:root[data-tema=malam] .mw-kirim{color:#052117}.modal-card.mw-kartu.mw-panjang{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.mw-panjang .mw-badan{overflow-y:auto;flex:1;min-height:0}.mw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.mw-grid .field{margin:0;min-width:0}.mw-form .input{border-radius:14px}.mw-form select.input,.mw-form input[type=date].input{padding-top:10px;padding-bottom:10px}.mw-seksi{display:flex;align-items:center;gap:10px;margin:6px 0 -2px;font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink)}.mw-seksi:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 55%,var(--line)),transparent)}.mw-seksi-no{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:12px;font-weight:800;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 50%,#fff),var(--gold))}.mw-pilgrup{display:flex;gap:8px;flex-wrap:wrap}.mw-pil{flex:1 1 auto;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.mw-pil:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.mw-pil.aktif{border-color:var(--accent);color:var(--accent-ink);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 95%);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 16%,transparent)}.mw-aksi-lekat{position:sticky;bottom:-24px;margin:6px -26px -24px;padding:14px 26px;background:var(--surface);border-top:1px solid var(--line);z-index:2}.mw-putra{background:var(--putra-hue, #4a90d2)}.mw-putri{background:var(--putri-hue, #d9739f)}.mw-netral{background:var(--gold)}.mw-kepala-aksi{display:flex;gap:8px;align-items:center}.mw-kaca-select{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font:inherit;font-size:13px;font-weight:600}.mw-kaca-select option{color:#1b2620}.mw-kaca-tombol{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mw-kaca-tombol:hover:not(:disabled){background:#ffffff47}.mw-kaca-tombol:disabled{opacity:.6;cursor:wait}.pt-ringkas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.pt-ringkas-item{padding:12px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.pt-ringkas-item strong{display:block;font-family:var(--serif);font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}.pt-ringkas-item span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.pt-ringkas-hijau{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.pt-ringkas-hijau strong{color:var(--accent-ink)}.pt-ringkas-emas{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 35%,var(--line))}.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.pt-gel{--pt: var(--line);padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--pt);box-shadow:var(--shadow);break-inside:avoid}.pt-gel-aktif{--pt: var(--accent);background:linear-gradient(160deg,var(--accent-soft),var(--surface) 42%);box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 16%,transparent)}.pt-gel-belum_mulai{--pt: var(--gold);background:linear-gradient(160deg,var(--gold-soft),var(--surface) 42%)}.pt-gel-berakhir,.pt-gel-nonaktif{opacity:.86}.pt-gel-kepala{padding-bottom:12px;border-bottom:1px dashed var(--line);margin-bottom:12px}.pt-gel-baris{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.pt-gel-nama{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.pt-gel-periode{margin-top:5px;font-size:12px;color:var(--ink-muted);line-height:1.7}.pt-kuota{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.pt-kuota-baris{display:grid;grid-template-columns:34px 1fr 48px;align-items:center;gap:10px;font-size:12px}.pt-kuota-baris span{font-weight:800;letter-spacing:.06em;color:var(--ink-muted)}.pt-kuota-baris strong{text-align:right;font-variant-numeric:tabular-nums}.pt-bar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--pt, var(--line)) 14%,var(--surface-2));overflow:hidden}.pt-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));transition:width .6s ease}.pt-bar-lebih i{background:linear-gradient(90deg,var(--bad),color-mix(in srgb,var(--bad) 60%,#fff))}.pt-slot-judul{margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.pt-slot{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));border:1px solid var(--line)}.pt-slot-tgl{width:44px;flex-shrink:0;padding:4px 0;text-align:center;border-radius:11px;background:var(--surface);border:1px solid var(--line)}.pt-slot-tgl strong{display:block;font-family:var(--serif);font-size:18px;line-height:1.1;color:var(--ink)}.pt-slot-tgl span{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.pt-slot-waktu{font-size:12.5px;font-weight:700;color:var(--ink)}.pt-slot-ket{margin-top:1px;font-size:11px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-kosong{text-align:center;padding:34px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-muted)}.pt-kosong strong{font-family:var(--serif);font-size:17px;color:var(--ink)}.pd-alur{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 80%);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.pd-alur-langkah{padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.pd-alur-ok{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.pd-alur-tolak{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.pd-alur-panah{color:var(--gold);font-size:20px;font-weight:700}.pd-alur-atau{font-size:11.5px;color:var(--ink-faint);padding:0 2px}.identitas-section.pd-langkah{margin-bottom:14px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.pd-judul{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.pd-no{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:13px;font-weight:800;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 50%,#fff),var(--gold));box-shadow:0 4px 10px color-mix(in srgb,var(--gold) 30%,transparent)}.pd-langkah p{line-height:1.7;color:var(--ink)}.pd-langkah code{padding:1px 7px;border-radius:7px;background:var(--surface-2);font-size:12px}@media (max-width: 560px){.mw-aksi-lekat{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.pt-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.mw-pil{transition:none}.mw-pil:hover{transform:none}.pt-bar i{transition:none}}.mw-panjang .mw-kepala{flex-shrink:0}.mw-pil{padding:10px 8px;white-space:nowrap;font-size:13px}.mw-seksi-aksi{margin-left:auto;font-family:var(--sans);font-size:12px;font-weight:700}.mw-niy{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.mw-niy-seg{display:flex;flex-direction:column;gap:4px}.mw-niy-seg label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:center}.mw-niy-seg .input{text-align:center;padding:10px 8px;font-weight:700;font-variant-numeric:tabular-nums}.mw-niy-seg select.input{min-width:66px;padding-left:12px}.mw-niy-titik{padding-bottom:12px;font-size:22px;font-weight:800;color:var(--gold);line-height:1}.mw-niy-urut{min-width:62px;padding:10px 8px;border-radius:14px;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:800;color:var(--ink);background:var(--surface-2);border:1px dashed color-mix(in srgb,var(--gold) 50%,var(--line))}.mw-niy-urut.kosong{color:var(--ink-faint)}.mw-niy-hasil{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.mw-niy-hasil span{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.mw-niy-hasil strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;letter-spacing:.06em;color:var(--ink)}.mw-bantuan{border-radius:14px;border:1px solid var(--line);background:var(--surface)}.mw-bantuan summary{padding:10px 14px;font-size:12.5px;font-weight:700;color:var(--accent-ink);cursor:pointer}.mw-bantuan p{margin:0;padding:0 14px 12px;font-size:12.5px;line-height:1.65;color:var(--ink-muted)}.mw-kaca-cek{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#fff;cursor:pointer}.mw-kaca-hitung{padding:1px 9px;border-radius:999px;background:#ffffff38;font-size:11px;font-weight:800}input.mw-kaca-select::placeholder{color:#ffffffb3}.pa-daftar{width:290px;flex-shrink:0;padding-right:14px;border-right:1px solid var(--line);max-height:540px;overflow-y:auto}.pa-daftar-judul{margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.pa-item{display:flex;align-items:center;gap:12px;margin-bottom:6px;padding:9px 10px;border-radius:16px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pa-item:hover{background:var(--surface-2);transform:translate(2px)}.pa-item.dipilih{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 90%);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 14%,transparent)}.pa-avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--surface);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--gold) 45%,var(--line))}.pa-avatar-kosong{display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:var(--surface-2)}.pa-nama{font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pa-niy{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--ink-muted)}.pa-meta{font-size:10.5px;color:var(--ink-faint)}.pa-wali{font-size:10.5px;font-weight:700;color:var(--accent-ink)}.pa-detail{flex:1;min-width:0;max-height:540px;overflow-y:auto;padding:4px 6px 4px 2px}.ie-kartu{margin-bottom:0}.ie-drop{padding:18px;border-radius:16px;border:2px dashed color-mix(in srgb,var(--gold) 50%,var(--line));background:var(--gold-soft);text-align:center}.ie-drop input[type=file]{max-width:100%;font-size:13px}@media (max-width: 760px){.pa-daftar{width:100%;border-right:none;padding-right:0;max-height:240px}.pa-detail{max-height:none}}@media print{.modal-card.mw-kartu.mw-panjang{max-height:none;display:block}.mw-panjang .mw-badan{overflow:visible}.mw-kepala.no-print{display:none}}@media (prefers-reduced-motion: reduce){.pa-item{transition:none}.pa-item:hover{transform:none}}.mw-kaca-cari{min-width:190px;padding:9px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font:inherit;font-size:13px;font-weight:600}.mw-kaca-cari::placeholder{color:#ffffffb3;font-weight:500}.mw-kaca-cari:focus{outline:none;background:#ffffff3d;border-color:#ffffffb3}.ta-saran{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,var(--gold-soft),var(--surface) 80%);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.ta-saran-teks{min-width:0}.ta-saran-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.ta-saran-nama{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.ta-saran-nama small{margin-left:8px;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink-muted)}.ta-saran .btn{border-radius:12px;font-weight:700}.ta-petunjuk{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px;line-height:1.45;color:var(--ink-muted)}.ta-petunjuk i{width:18px;height:18px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:var(--ink-faint)}.ta-petunjuk-ok{color:var(--accent-ink)}.ta-petunjuk-ok i{background:var(--accent)}.ta-petunjuk-warn{color:var(--gold)}.ta-petunjuk-warn i{background:var(--gold)}.ta-petunjuk-bad{color:var(--bad)}.ta-petunjuk-bad i{background:var(--bad)}.ta-durasi{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;font-size:12.5px;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line)}.ta-durasi strong{color:var(--ink);font-variant-numeric:tabular-nums}.ta-durasi-bar{flex:1;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 12%,var(--surface));min-width:60px}.ta-durasi-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent))}.mw-pratinjau-avatar.ta-avatar{border-radius:16px;font-family:var(--serif);font-size:13px;line-height:1.05;flex-direction:column;background:linear-gradient(140deg,var(--pp-terang, #1a6b52),var(--pp-gelap, #0d3b2e));border:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}.pt-ringkas-merah{background:color-mix(in srgb,var(--bad) 9%,var(--surface));border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.pt-ringkas-merah strong{color:var(--bad)}.ta-info{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;padding:13px 16px;border-radius:18px;font-size:13px;line-height:1.55;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.ta-info-ikon{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;background:var(--surface);box-shadow:var(--shadow)}.ta-info-ok{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);border-color:color-mix(in srgb,var(--accent) 32%,var(--line));color:var(--accent-ink)}.ta-info-bad{background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 10%,var(--surface)),var(--surface) 85%);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.ta-info ul{margin:6px 0 0;padding-left:18px}.ta-tl-judul{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 12px;font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.ta-tl-judul small{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink-faint)}.ta-tl-item{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px}.ta-tl-rel{display:flex;flex-direction:column;align-items:center;padding-top:24px}.ta-tl-titik{width:16px;height:16px;flex-shrink:0;border-radius:50%;background:var(--surface);border:3px solid color-mix(in srgb,var(--gold) 55%,var(--line))}.ta-tl-item.aktif .ta-tl-titik{background:var(--accent);border-color:var(--surface);box-shadow:0 0 0 3px var(--accent),0 0 0 8px color-mix(in srgb,var(--accent) 22%,transparent);animation:ta-denyut 2.4s ease-in-out infinite}@keyframes ta-denyut{0%,to{box-shadow:0 0 0 3px var(--accent),0 0 0 7px color-mix(in srgb,var(--accent) 22%,transparent)}50%{box-shadow:0 0 0 3px var(--accent),0 0 0 11px color-mix(in srgb,var(--accent) 6%,transparent)}}.ta-tl-garis{flex:1;width:2px;margin-top:4px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 55%,var(--line)),var(--line))}.ta-tl-kartu{margin-bottom:16px;padding:16px 18px 18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.ta-tl-kartu:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0000001a}.ta-tl-item.aktif .ta-tl-kartu{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(160deg,var(--accent-soft),var(--surface) 46%);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent)}.ta-tl-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px;border-bottom:1px dashed var(--line)}.ta-tl-nama{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink)}.ta-tl-rentang{margin-top:3px;font-size:12.5px;color:var(--ink-muted)}.ta-tl-santri{text-align:right}.ta-tl-santri strong{display:block;font-family:var(--serif);font-size:26px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.ta-tl-santri span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.ta-tl-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 22px}.ta-tl-label{margin-bottom:7px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.ta-chips{display:flex;flex-wrap:wrap;gap:6px}.ta-chip{--c: var(--ink-muted);display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 28%,transparent);cursor:default}.ta-chip b{font-variant-numeric:tabular-nums}.ta-chip small{font-size:11.5px;font-weight:500;opacity:.85}.ta-chip-kosong{color:var(--ink-faint);background:var(--surface-2);border-color:var(--line)}.ta-chip-klik{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ta-chip-klik:hover{transform:translateY(-1px);box-shadow:0 5px 12px color-mix(in srgb,var(--c) 22%,transparent)}.ta-chip-klik:focus-visible{outline:2px solid var(--c);outline-offset:2px}.ta-chip-klik em{font-style:normal;font-size:10px;opacity:.7}.ta-prog{display:flex;height:8px;margin-top:9px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.ta-prog i{display:block;height:100%}.ta-prog-lunas{background:var(--accent)}.ta-prog-sebagian{background:var(--gold)}.ta-prog-belum{background:var(--bad)}.ta-prog-legenda{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:11.5px;color:var(--ink-muted)}.ta-prog-legenda span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--k, var(--line))}.pk-kartu-sorot{animation:td-sorot 3.2s ease-out 1}@media (max-width: 560px){.ta-tl-item{grid-template-columns:18px minmax(0,1fr);gap:8px}.ta-tl-nama{font-size:19px}.ta-tl-santri{text-align:left}.mw-kaca-cari{min-width:0;flex:1}.mw-kepala-aksi{width:100%}}@media (prefers-reduced-motion: reduce){.ta-tl-item.aktif .ta-tl-titik{animation:none}.ta-tl-kartu,.ta-chip-klik{transition:none}.ta-tl-kartu:hover,.ta-chip-klik:hover{transform:none}.pk-kartu-sorot{animation:none;outline:3px solid var(--gold);outline-offset:2px}}.mw-pratinjau-avatar.kl-avatar{flex-direction:column;gap:0;border-radius:16px;line-height:1.05;font-family:var(--serif);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.kl-avatar span{font-size:10px;font-weight:800;letter-spacing:.1em;font-family:var(--sans);opacity:.9}.kl-avatar b{font-size:19px;font-weight:600}.kl-paralel{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.kl-paralel-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kl-paralel-daftar{display:flex;flex-wrap:wrap;gap:6px}.kl-hint-aksi{margin-right:auto;align-self:center;font-size:12px;font-weight:600;color:var(--gold)}.mw-form .combobox{min-width:0}.mw-form .combobox .input{width:100%;padding:10px 14px}.mw-form .combobox-list{z-index:6;max-height:190px;border-radius:14px}.mw-form select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.kl-grup{margin-bottom:22px}.kl-grup-judul{--gh: var(--smp-hue);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid color-mix(in srgb,var(--gh) 35%,var(--line));font-family:var(--serif);font-size:19px;font-weight:600;color:var(--gh)}.kl-grup-judul.kl-grup-sma{--gh: var(--sma-hue)}.kl-grup-judul small{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-muted)}.kl-peta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px;align-items:start}.peta-kelas-card.kl-peta-kartu{--jh: var(--smp-hue);padding:0;border-radius:20px;border:1px solid var(--line);border-top:4px solid var(--jh);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;break-inside:avoid}.peta-kelas-card.kl-peta-kartu.peta-kelas-card-sma{--jh: var(--sma-hue)}.peta-kelas-card.kl-peta-kartu.kl-tujuan{border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}.peta-kelas-card.kl-peta-kartu.kl-redup{opacity:.5}.kl-kartu-kepala{padding:14px 16px 12px;border-bottom:1px dashed var(--line);background:linear-gradient(160deg,color-mix(in srgb,var(--jh) 10%,var(--surface)),transparent 70%)}.kl-kartu-baris{display:flex;justify-content:space-between;align-items:center;gap:8px}.kl-kartu-nama{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}.kl-jumlah{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;color:var(--jh);background:color-mix(in srgb,var(--jh) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--jh) 28%,transparent)}.kl-kartu-meta{margin-top:7px}.kl-wali{margin-top:8px;font-size:12px;color:var(--ink-muted)}.kl-wali.kosong{color:var(--ink-faint);font-style:italic}.kl-kosong{margin:0;padding:18px 16px;text-align:center;font-size:12.5px;color:var(--ink-faint);font-style:italic}.kl-roster{margin:0;padding:8px 16px 12px;list-style:none}.kl-tambah-santri{padding:0 16px 14px}.kl-tambah-santri .combobox-list{top:auto;bottom:calc(100% + 4px)}.kl-tambah-santri-btn{width:100%;justify-content:center;font-size:12.5px;padding:7px 10px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-muted)}.kl-tambah-santri-btn:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent-ink)}.kl-roster .kl-santri{display:flex;align-items:center;gap:9px;padding:5px 8px;margin:0 -8px 2px;border-radius:12px;font-size:12.5px;color:var(--ink)}.kl-ava{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--jh);background:color-mix(in srgb,var(--jh) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--jh) 30%,transparent)}.kl-santri-teks{flex:1;min-width:0;line-height:1.3}.kl-santri-nama{font-weight:600;overflow-wrap:anywhere}.kl-santri-nis{color:var(--ink-faint);font-weight:400;font-size:11px;font-variant-numeric:tabular-nums}.kl-ketua{padding:2px;width:24px;height:24px;flex-shrink:0;color:var(--ink-faint);border-radius:50%}.kl-ketua.aktif{color:#fff;background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 60%,#000));box-shadow:0 3px 8px color-mix(in srgb,var(--gold) 40%,transparent)}.kl-belum{margin-top:6px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,var(--gold-soft),var(--surface) 80%);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.kl-belum-judul{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--ink)}.kl-belum-daftar{display:flex;flex-wrap:wrap;gap:6px}.peta-kelas-santri.kl-chip-santri{margin:0;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line)}.peta-kelas-santri.kl-chip-santri:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}@media (max-width: 560px){.kl-hint-aksi{width:100%}.kl-peta-grid{grid-template-columns:1fr}.mw-kepala-aksi{flex-wrap:wrap}.mw-kepala-aksi .mw-kaca-select{flex:1}}@media print{.peta-kelas-card.kl-peta-kartu{box-shadow:none}.kl-ketua{display:none}}.km-cepat{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.km-cepat-btn{min-width:38px;padding:4px 10px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .15s ease,background .15s ease,transform .12s ease}.km-cepat-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.km-cepat-btn.aktif{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.mw-pratinjau-avatar.km-avatar{border-radius:16px;font-size:24px}.km-tempat{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:8px}.km-tempat i{width:14px;height:9px;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 70%,#fff),var(--gold));box-shadow:inset 0 -2px #00000024}.km-tempat small{margin-left:4px;font-size:11px;font-weight:700;color:var(--ink-muted)}.kl-grup-judul.km-grup-putra{--gh: var(--putra-hue)}.kl-grup-judul.km-grup-putri{--gh: var(--putri-hue)}.kl-grup-judul.km-grup-netral{--gh: var(--gold)}.km-per{font-size:15px;font-weight:500;color:var(--ink-muted)}.peta-kamar-card.km-kartu{--jh: var(--gold);padding:0;border-radius:20px;border:1px solid var(--line);border-top:4px solid var(--jh);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;break-inside:avoid}.peta-kamar-card.km-kartu.km-putra{--jh: var(--putra-hue)}.peta-kamar-card.km-kartu.km-putri{--jh: var(--putri-hue)}.peta-kamar-card.km-kartu.km-tujuan{border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}.peta-kamar-card.km-kartu.km-redup{opacity:.5}.km-pil-baris{display:flex;flex-wrap:wrap;gap:6px}.km-okup{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--w, var(--accent));background:color-mix(in srgb,var(--w, var(--accent)) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--w, var(--accent)) 30%,transparent)}.km-bar{height:8px;margin-top:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--jh) 10%,var(--surface-2))}.km-bar i{display:block;height:100%;border-radius:999px;transition:width .5s ease}.km-penghuni{margin-top:8px;font-size:11.5px;color:var(--ink-muted)}.km-roster{padding:8px 16px 12px}.km-roster .kl-roster{padding:0}.km-roster .kl-kosong{padding:12px 0}.km-roster-grup{margin-bottom:8px}.km-grup-label{margin:4px 0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.km-cocok .kl-santri-nama{color:var(--accent-ink);font-weight:800}.km-cocok{background:var(--accent-soft)}.km-campur{margin-top:8px;padding:7px 12px;border-radius:12px;font-size:11.5px;font-weight:700;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}.km-belum-grup{margin-bottom:10px}.km-belum-grup:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){.km-bar i,.km-cepat-btn{transition:none}.km-cepat-btn:hover{transform:none}}@media print{.peta-kamar-card.km-kartu{box-shadow:none}.km-cepat{display:none}}.mf{display:flex;flex-direction:column;gap:10px}.mf-isi{display:flex;flex-direction:column;gap:8px}.mf .mw-pilgrup{gap:8px}.mf .mw-pil{flex:1 1 auto;font-size:12.5px}.mf .ta-petunjuk{margin-top:0}.mf-saran .link-button{font-weight:700}.mf-lencana{margin-left:6px;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.ab-blok{padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}.ab-kepala{display:flex;align-items:center;justify-content:space-between;gap:14px}.ab-desk{font-size:12px;color:var(--ink-muted);line-height:1.45}.ab-isi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;margin-top:12px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line))}.ab-isi .field{margin:0}.mw-kepala .combobox{min-width:210px}.mw-kepala .combobox .input{width:100%;padding:9px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#ffffff24;color:#fff;font-size:13px;font-weight:600}.mw-kepala .combobox .input::placeholder{color:#ffffffb8;font-weight:500}.mw-kepala .combobox .input:focus{outline:none;background:#ffffff3d;border-color:#ffffffb3}.mw-mode.mw-mode-tiga{grid-template-columns:repeat(3,1fr)}@media (max-width: 720px){.mw-mode.mw-mode-tiga{grid-template-columns:1fr}}.mp-cek-grup{margin-bottom:6px}.mp-cek-judul{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.mp-cek-judul .link-button{font-size:11.5px;font-weight:700;letter-spacing:0;text-transform:none}.mp-cek-daftar{display:flex;flex-wrap:wrap;gap:8px}.mp-cek{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 8px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease}.mp-cek:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.mp-cek i{width:18px;height:18px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:800;color:transparent;border:1.5px solid var(--line);background:var(--surface)}.mp-cek.aktif{border-color:var(--accent);color:var(--accent-ink);background:linear-gradient(135deg,var(--accent-soft),var(--surface) 95%);box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 16%,transparent)}.mp-cek.aktif i{color:#fff;background:var(--accent);border-color:var(--accent)}.mp-cek em{margin-left:2px;padding:0 7px;border-radius:999px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.mp-hitung{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:14px;font-size:12.5px;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line)}.mp-hitung strong{color:var(--ink);font-variant-numeric:tabular-nums}.mp-hitung-baris{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.peta-mapel-entri.mp-entri{padding:9px 11px 10px;border-radius:14px;margin-bottom:8px;background:var(--surface)}.mp-entri-atas{display:flex;align-items:center;justify-content:space-between;gap:6px}.mp-nama{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3;overflow-wrap:anywhere}.mp-nama.cocok{color:var(--accent-ink)}.mp-aksi-kecil{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.mp-peringatan{color:var(--gold);font-size:12px}.mp-baris{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;margin-top:5px}.mp-baris>span{font-size:13px;text-align:center}.peta-mapel-entri .input.mp-pilih{width:100%;padding:4px 8px;margin:0;border-radius:10px;font-size:11.5px}.mp-lengkap{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:11px;color:var(--ink-muted)}.mp-lengkap .km-bar{flex:1;margin-top:0;height:6px}.mp-lengkap strong{font-variant-numeric:tabular-nums;color:var(--ink)}.kl-belum.kl-tujuan{border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}.kb-kat-daftar{display:flex;flex-wrap:wrap;gap:8px}.kb-kat{--spine: var(--gold);display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 10px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.kb-kat:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--spine);box-shadow:inset -2px 0 #0000002e}.kb-kat:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--spine) 55%,var(--line))}.kb-kat.aktif{border-color:var(--spine);color:var(--ink);background:color-mix(in srgb,var(--spine) 12%,var(--surface))}.kb-buku{--spine: var(--gold);display:flex;align-items:center;gap:16px}.kb-buku-punggung{width:50px;min-height:76px;flex-shrink:0;border-radius:4px 9px 9px 4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;background:linear-gradient(90deg,color-mix(in srgb,var(--spine) 72%,#000),var(--spine) 32%,color-mix(in srgb,var(--spine) 84%,#fff));box-shadow:inset -3px 0 #0003,inset 3px 0 #ffffff29,0 8px 16px #0003}.kb-buku-judul{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.kb-buku-meta{margin-top:2px;font-size:12px;color:var(--ink-muted)}.kb-peta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:14px;align-items:start}.kb-peta-kartu{--spine: var(--accent);padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--spine);box-shadow:var(--shadow);break-inside:avoid;transition:transform .15s ease,box-shadow .15s ease}.kb-peta-kartu:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--spine) 18%,transparent)}.kb-peta-kartu.menganggur{background:linear-gradient(160deg,var(--gold-soft),var(--surface) 55%)}.kb-peta-atas{display:flex;gap:11px;align-items:flex-start}.kb-mini{width:30px;height:42px;flex-shrink:0;border-radius:3px 6px 6px 3px;background:linear-gradient(90deg,color-mix(in srgb,var(--spine) 72%,#000),var(--spine) 35%,color-mix(in srgb,var(--spine) 84%,#fff));box-shadow:inset -2px 0 #0003,0 4px 8px #00000029}.kb-peta-judul{font-family:var(--serif);font-size:15.5px;font-weight:600;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}.kb-peta-meta{margin-top:2px;font-size:11.5px;color:var(--ink-muted)}.kb-pakai{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:5px}.kb-pakai-baris{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--ink-muted)}.kb-pakai-baris b{color:var(--ink);font-weight:700;overflow-wrap:anywhere}.kb-pakai-baris span{text-align:left}.kb-pakai-guru{text-align:left;font:inherit;font-size:11.5px;color:var(--ink-muted);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:color .12s ease,text-decoration-color .12s ease}.kb-pakai-guru:hover,.kb-pakai-guru:focus-visible{color:var(--accent-ink);text-decoration-color:currentColor}.kl-grup-judul.kb-grup{--gh: var(--spine, var(--gold))}.al-ijazah{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface-2)}.al-ijazah-atas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.al-ijazah-nomor{font-family:monospace;font-size:12.5px;color:var(--ink-muted)}.al-ijazah.terbit{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.al-ijazah.batal{background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 9%,var(--surface)),var(--surface) 85%);border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.mw-ikon.al-foto{padding:0;overflow:hidden;border-radius:50%}.mw-ikon.al-foto>*{width:100%!important;height:100%!important;border:none!important}.al-tl{display:flex;align-items:center;gap:9px;width:100%;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.al-tl:hover{transform:translateY(-1px);background:linear-gradient(90deg,var(--gold-soft),var(--surface) 70%);border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.al-tl-teks{flex:1;min-width:0;line-height:1.3}.al-tl-nama{font-size:12px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-tl-nis{font-family:monospace;font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-tl-daftar{display:flex;flex-direction:column;gap:6px;padding:10px 16px 14px}.al-tl-judul{padding:10px 16px 0;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.al-kartu-pil{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}@media (prefers-reduced-motion: reduce){.mp-cek,.kb-kat,.kb-peta-kartu,.al-tl{transition:none}.mp-cek:hover,.kb-kat:hover,.kb-peta-kartu:hover,.al-tl:hover{transform:none}}.peta-kelas-card.kl-peta-kartu.al-netral{--jh: var(--gold)}.kl-peta-kartu .al-kartu-pil{margin-top:10px}.if-hitung{margin-top:4px;text-align:right;font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.if-drop{position:relative;border-radius:18px;border:1.5px dashed color-mix(in srgb,var(--gold) 50%,var(--line));background:linear-gradient(135deg,var(--gold-soft),var(--surface) 80%)}.if-drop.berisi{display:flex;align-items:center;gap:14px;padding:12px 14px;border-style:solid}.if-drop-kosong{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;color:var(--ink-muted);font-size:13px}.if-drop-kosong strong{color:var(--ink)}.if-drop-kosong:hover{background:color-mix(in srgb,var(--gold) 8%,transparent);border-radius:16px}.if-drop-gambar{width:64px;height:64px;flex-shrink:0;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.if-drop-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink-muted)}.if-drop-teks strong{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.if-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.mw-form textarea.input.rp-area{min-height:56px;padding:10px 14px;border-radius:14px;font-family:inherit;font-size:13.5px;line-height:1.5;resize:vertical}.rp-langkah{position:relative;display:flex;flex-direction:column;gap:12px}.rp-langkah:before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 60%,var(--line)),var(--line))}.rp-langkah-item{position:relative;display:flex;gap:12px;align-items:flex-start}.rp-langkah-no{position:relative;z-index:1;width:28px;height:28px;flex-shrink:0;margin-top:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 75%,#fff),var(--gold));box-shadow:0 0 0 4px var(--surface)}.peta-rpp-entri.rp-entri{padding:9px 11px 10px;border-radius:14px;margin-bottom:8px;background:var(--surface)}.rp-entri-atas{display:flex;align-items:center;justify-content:space-between;gap:6px}.rp-nama{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3;overflow-wrap:anywhere}.rp-nama.cocok{color:var(--accent-ink)}.rp-baris{margin-top:4px;font-size:11.5px;color:var(--ink-muted);line-height:1.4}.rp-baris.kosong{color:var(--ink-faint);font-style:italic}.rp-pertemuan{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.rp-p{padding:1px 8px;border-radius:999px;font-size:10px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.rp-pager{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line);font-size:11px;font-weight:700;color:var(--ink-muted)}.th-juz{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-top:10px}.th-juz-sel{position:relative;aspect-ratio:1;min-height:34px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.th-juz-sel:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.th-juz-sel.tuntas{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.th-juz-sel.tuntas:after{content:"✓";position:absolute;top:1px;right:4px;font-size:8px;color:var(--accent)}.th-juz-sel.aktif{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-ink));border-color:var(--accent);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 30%,transparent)}.th-juz-sel.aktif:after{color:#fff}.th-juz-legenda{display:flex;gap:14px;margin-top:8px;font-size:11px;color:var(--ink-faint)}.th-juz-legenda i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;vertical-align:-1px}.th-juz-legenda i.tuntas{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line))}.th-juz-legenda i.aktif{background:var(--accent)}.mw-pil.th-nilai-lancar.aktif{border-color:var(--accent)}.mw-pil.th-nilai-kurang_lancar.aktif{border-color:var(--gold);color:var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--surface) 95%);box-shadow:0 6px 14px color-mix(in srgb,var(--gold) 16%,transparent)}.mw-pil.th-nilai-mengulang.aktif{border-color:var(--bad);color:var(--bad);background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 10%,var(--surface)),var(--surface) 95%);box-shadow:0 6px 14px color-mix(in srgb,var(--bad) 14%,transparent)}@media (max-width: 560px){.th-juz{grid-template-columns:repeat(6,1fr)}}.th-daftar{display:flex;flex-direction:column;gap:8px}.th-santri{display:block;width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font:inherit;text-align:left}.th-santri.th-klik{cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.th-santri.th-klik:hover{transform:translateY(-1px);background:linear-gradient(90deg,var(--accent-soft),var(--surface) 75%);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.th-baris-atas{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.th-nama{font-size:12.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.th-juz-angka{flex-shrink:0;font-size:11.5px;font-weight:800;color:var(--accent-ink);font-variant-numeric:tabular-nums}.th-mini-bar{height:5px;margin:6px 0 4px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.th-mini-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--accent))}.th-meta{font-size:10.5px;color:var(--ink-faint)}.th-chips{display:flex;flex-wrap:wrap;gap:6px}.jd-hari{margin-bottom:9px;padding-left:10px;border-left:3px solid var(--line)}.jd-hari.ini{border-left-color:var(--accent)}.jd-hari-label{margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.jd-hari.ini .jd-hari-label{color:var(--accent-ink)}.jd-slots{display:flex;flex-wrap:wrap;gap:5px}.badge.jd-slot{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:600;text-transform:none;letter-spacing:0}.jd-slot b{font-variant-numeric:tabular-nums}.jd-slot-hapus{background:none;border:none;cursor:pointer;color:inherit;padding:0 0 0 2px;font-size:13px;line-height:1;opacity:.6}.jd-slot-hapus:hover{opacity:1}.jd-form-area{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.jd-form{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.jd-form-baris{display:flex;gap:5px}.input.jd-input{font-size:11.5px;padding:5px 8px;margin:0;border-radius:10px}.jd-legenda{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;font-size:12px;color:var(--ink-muted)}.jd-leg{padding:2px 11px;border-radius:999px;font-size:11px;font-weight:700}.kk-arus{display:flex;flex-direction:column;gap:6px}.kk-arus-baris{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;font-size:12.5px;background:var(--surface-2);border:1px solid var(--line)}.kk-arus-baris i{font-style:normal;margin-right:6px;color:var(--gold);font-weight:800}.kk-arus-baris b{font-variant-numeric:tabular-nums;color:var(--accent-ink)}.kk-khusus{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px}.kk-khusus-kartu{padding:14px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--line);box-shadow:var(--shadow)}.kk-khusus-kartu.kk-lulus{border-top-color:var(--gold);background:linear-gradient(160deg,var(--gold-soft),var(--surface) 45%)}.kk-lulus .kk-arus-baris b{color:var(--gold)}.kk-khusus-judul{margin-bottom:10px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.mw-kaca-cari[type=date]{color-scheme:dark}.kh-sesi{display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.kh-sesi-baris{display:flex;align-items:baseline;gap:6px;font-size:11.5px;color:var(--ink-muted)}.kh-sesi-nama{flex:1;min-width:0;color:var(--ink);overflow-wrap:anywhere}.kh-sesi-baris b{font-weight:700;color:var(--ink);white-space:nowrap}.kh-sesi-baris em{font-style:normal;color:var(--ink-faint);white-space:nowrap}.nl-bobot-bar{display:flex;height:12px;margin-bottom:4px;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.nl-bobot-bar span{display:block;height:100%;transition:width .25s ease}.nl-bobot-baris{display:flex;align-items:center;gap:10px}.nl-bobot-baris>i{width:10px;height:10px;flex-shrink:0;border-radius:3px}.nl-bobot-nama{flex:1;font-size:13.5px;color:var(--ink)}.nl-total{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;font-weight:700}.nl-total.ok{color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}.nl-total.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line))}@media (prefers-reduced-motion: reduce){.nl-bobot-bar span{transition:none}}.kg-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.kg-bar .field{flex:1;min-width:240px;margin:0}.mw-kirim.kg-tambah{min-width:0;white-space:nowrap}.kg-tangga{display:flex;gap:4px;margin-top:10px}.kg-tangga i{flex:1;height:6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.kg-tangga i.on{background:linear-gradient(90deg,var(--gold),var(--accent));border-color:transparent}.mw-mode-item.sev-ringan.aktif{border-color:var(--accent)}.mw-mode-item.sev-sedang.aktif{border-color:var(--gold);background:linear-gradient(135deg,var(--gold-soft),var(--surface) 90%);box-shadow:0 8px 18px color-mix(in srgb,var(--gold) 16%,transparent)}.mw-mode-item.sev-sedang.aktif .mw-mode-ikon{background:var(--gold)}.mw-mode-item.sev-berat.aktif{border-color:var(--bad);background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 10%,var(--surface)),var(--surface) 90%);box-shadow:0 8px 18px color-mix(in srgb,var(--bad) 14%,transparent)}.mw-mode-item.sev-berat.aktif .mw-mode-ikon{background:var(--bad)}.mw-pratinjau-avatar.kg-sev-avatar{border-radius:16px;font-size:24px;background:var(--accent)}.kg-sev-avatar.sev-sedang{background:var(--gold)}.kg-sev-avatar.sev-berat{background:var(--bad)}.pk-peta{--pk-biru: #4f86bd}.pk-periode{margin:0 0 12px;font-size:12.5px;color:var(--ink-muted)}.pt-ringkas-item .pk-sub{display:block;margin-top:2px;font-style:normal;font-size:11.5px;color:var(--ink-faint)}.pk-kesimpulan{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,var(--gold-soft),var(--surface) 85%);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line))}.pk-kesimpulan-judul{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.pk-kes-baris{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:var(--ink)}.pk-kes-bad>span:last-child{color:var(--bad);font-weight:600}.pk-kes-ok>span:last-child{color:var(--accent-ink)}.pk-panel{margin-top:16px;padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.pk-panel-kepala{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pk-panel-kepala h2{margin:0;font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.pk-hitung{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.pk-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:0 16px}.pk-tiga{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:0 16px}.pk-catatan{margin:10px 0 0;font-size:11.5px;line-height:1.6;color:var(--ink-faint)}.pk-lainnya{margin-top:10px}.pk-legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-muted)}.pk-legenda span{display:inline-flex;align-items:center;gap:6px}.pk-legenda i{display:inline-block;width:10px;height:10px;border-radius:3px}.pk-b-prestasi{fill:var(--accent);background:var(--accent)}.pk-b-pelanggaran{fill:var(--bad);background:var(--bad)}.pk-b-kesehatan{fill:var(--gold);background:var(--gold)}.pk-b-cerita{fill:var(--pk-biru);background:var(--pk-biru)}.pk-grafik-gulir{overflow-x:auto}.pk-grafik{display:block;width:100%;min-width:520px;height:auto}.pk-garis{stroke:var(--line);stroke-dasharray:3 4}.pk-sumbu{stroke:var(--ink-faint)}.pk-teks{fill:var(--ink-faint);font-size:11px;font-family:inherit}.pk-teks-nilai{fill:var(--ink-muted);font-size:10px;font-weight:700}.pk-teks-bulan{fill:var(--ink-muted);font-size:11.5px;font-weight:700}.pk-daftar{display:flex;flex-direction:column;gap:8px}.pk-baris{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.pk-baris:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 12%,transparent)}.pk-baris:focus-visible,.pk-kj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pk-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:var(--accent)}.pk-avatar-bad{background:var(--bad)}.pk-avatar-warn{background:var(--gold)}.pk-medali{flex-shrink:0;width:38px;text-align:center;font-family:var(--serif);font-size:22px;color:var(--gold)}.pk-baris-isi{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pk-baris-nama{font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-baris-meta{font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pk-panah{flex-shrink:0;font-size:22px;line-height:1;color:var(--ink-faint)}.jd-tambah-pil,.pk-aksi-pil{flex-shrink:0;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));transition:background .15s ease,color .15s ease}.pk-baris:hover .jd-tambah-pil,.pk-baris:hover .pk-aksi-pil{background:var(--accent);color:#fff}@media (max-width: 720px){.jd-tambah-pil,.pk-aksi-pil{padding:4px 8px;font-size:10.5px}}.pk-tanda{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.pk-baris>.pk-tanda{margin-top:0;flex-wrap:nowrap;flex-shrink:0}.pk-tanda em{font-style:normal;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.pk-tanda .pk-tanda-bad{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}.pk-tanda .pk-tanda-warn{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 32%,var(--line))}.pk-tanda .pk-tanda-ok{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.pk-tanda .pk-tanda-netral{background:var(--surface-2);color:var(--ink-muted)}.pk-tanda .pk-tanda-klik{font:inherit;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;cursor:pointer;transition:transform .12s,box-shadow .12s}.pk-tanda .pk-tanda-klik:after{content:" ›";opacity:0;transition:opacity .12s}.pk-tanda .pk-tanda-klik:hover{transform:translateY(-1px);box-shadow:0 4px 10px color-mix(in srgb,currentColor 22%,transparent)}.pk-tanda .pk-tanda-klik:hover:after{opacity:1}.pk-tanda .pk-tanda-klik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pk-baris[aria-disabled=true]{cursor:default}.field-sorot{position:relative;border-radius:12px;box-shadow:0 0 0 2px var(--gold),0 0 0 7px color-mix(in srgb,var(--gold) 22%,transparent);background:color-mix(in srgb,var(--gold-soft) 55%,transparent);padding:6px 8px;margin:-6px -8px;animation:field-sorot-denyut 1.4s ease-in-out 3}.field-sorot>label{color:var(--gold)!important;font-weight:800}[data-sorot].field-sorot{padding:0;margin:0;background:transparent}@keyframes field-sorot-denyut{50%{box-shadow:0 0 0 2px var(--gold),0 0 0 11px color-mix(in srgb,var(--gold) 8%,transparent)}}@media (prefers-reduced-motion: reduce){.field-sorot{animation:none}}.sorot-pesan{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:12px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));color:var(--ink);font-size:13px;font-weight:600}.pk-tanda button.pk-tanda-bad,.pk-tanda button.pk-tanda-warn,.pk-tanda button.pk-tanda-ok,.pk-tanda button.pk-tanda-netral{font:inherit;font-style:normal;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.pk-tanda button.pk-tanda-bad:hover,.pk-tanda button.pk-tanda-warn:hover,.pk-tanda button.pk-tanda-ok:hover,.pk-tanda button.pk-tanda-netral:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.pk-hbar{display:grid;grid-template-columns:minmax(64px,108px) 1fr 34px;align-items:center;gap:10px;padding:5px 0;font-size:12.5px}.pk-hbar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font-weight:600}.pk-hbar-track{height:9px;border-radius:999px;background:var(--surface-2);overflow:hidden}.pk-hbar-track i{display:block;height:100%;border-radius:999px;transition:width .6s ease}.pk-hbar strong{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.pk-lini{display:flex;flex-direction:column;gap:4px}.pk-kj{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:14px;border:1px solid transparent;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.pk-kj:hover{background:var(--surface-2);border-color:var(--line)}.pk-kj-ikon{flex-shrink:0;width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.pk-kj-prestasi{background:var(--accent-soft)}.pk-kj-pelanggaran{background:var(--bad-soft)}.pk-kj-kesehatan{background:var(--gold-soft)}.pk-kj-cerita{background:color-mix(in srgb,var(--pk-biru) 16%,var(--surface))}.pk-kj-tgl{flex-shrink:0;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.pk-pekan{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.pk-hari{display:flex;flex-direction:column;gap:2px;padding:10px 6px;border-radius:16px;text-align:center;background:var(--surface-2);border:1px solid var(--line)}.pk-hari-nama{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.pk-hari strong{font-family:var(--serif);font-size:24px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}.pk-hari small{font-size:10.5px;color:var(--ink-faint)}.pk-hari-ini{background:linear-gradient(160deg,var(--accent-soft),var(--surface));border-color:var(--accent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.pk-hari-kosong strong{color:var(--ink-faint)}.pk-kelas-bagian{margin-top:24px}.pk-alat{display:flex;gap:8px;flex-wrap:wrap}.pk-cari{min-width:220px}.pk-pilih{width:auto}.pk-legenda-chip{margin:-4px 0 14px}.pk-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-top:10px}.pk-mini>span{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);min-width:0}.pk-mini b{font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.pk-mini small{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;margin-top:1px}.pk-mini>.pk-mini-bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}.pk-mini>.pk-mini-warn{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}.peta-kelas-santri.kl-chip-santri.pk-chip-bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 38%,var(--line));color:var(--bad);font-weight:700}.peta-kelas-santri.kl-chip-santri.pk-chip-warn{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 38%,var(--line));color:var(--gold);font-weight:700}.peta-kelas-santri.kl-chip-santri.pk-chip-bintang{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent-ink)}.pk-chip-ket{margin-left:6px;font-size:10.5px;font-weight:500;color:var(--ink-faint)}@media (max-width: 720px){.pk-pekan{grid-template-columns:repeat(4,1fr)}.pk-baris>.pk-tanda{display:none}}.pr-s-menunggu{fill:var(--gold);background:var(--gold)}.pr-s-disetujui{fill:var(--accent);background:var(--accent)}.pr-s-ditolak{fill:var(--bad);background:var(--bad)}.pr-s-selesai{fill:var(--ink-faint);background:var(--ink-faint)}.pr-jenis-track{display:flex}.pr-jenis-track i{display:block;height:100%}.pr-jenis-track i:first-child{border-radius:999px 0 0 999px}.pr-jenis-track i:last-child{border-radius:0 999px 999px 0}.pr-jenis-track i:only-child{border-radius:999px}.pr-hbar{grid-template-columns:minmax(96px,150px) 1fr 34px}.pr-statis{cursor:default}.pr-statis:hover{transform:none;box-shadow:none;border-color:var(--line)}.pr-kal{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px}.pr-hari{--kuat: 0%;position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px 7px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(to top,color-mix(in srgb,var(--accent) 34%,var(--surface)) var(--kuat),var(--surface-2) var(--kuat));font:inherit;color:inherit;cursor:pointer;min-width:0;transition:transform .15s,box-shadow .15s,border-color .15s}.pr-hari:hover{transform:translateY(-2px);box-shadow:0 8px 16px color-mix(in srgb,var(--accent) 14%,transparent)}.pr-hari:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pr-hari-pekan{border-style:dashed}.pr-hari-ini{border-color:var(--gold)}.pr-hari-pilih{border-color:var(--accent-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),0 10px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.pr-hari-nama{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.pr-hari-ini .pr-hari-nama{color:var(--gold)}.pr-hari-tgl{font-family:var(--serif);font-size:19px;line-height:1.1;color:var(--ink)}.pr-hari-bln{font-size:9.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.pr-hari strong{margin-top:3px;padding:1px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;color:var(--accent-ink);font-variant-numeric:tabular-nums}.pr-hari strong.pr-nol{color:var(--ink-faint);font-weight:600}.pr-hari-tunggu{font-style:normal;font-size:10.5px;font-weight:800;color:var(--gold);line-height:1.3;min-height:14px}.pr-hari-tunggu.pr-kosong{color:transparent}.pr-detail{margin-top:14px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line))}.pr-detail-judul{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:10px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);text-transform:capitalize}.pr-detail-judul small{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink-muted);text-transform:none}@media (max-width: 720px){.pr-kal{grid-template-columns:repeat(7,minmax(0,1fr))}}.kj-penanda-besuk{background:var(--accent-ink);height:4px!important;width:14px!important;border-radius:999px!important}.pr-hari.kj-hari-besuk:before{content:"";position:absolute;top:0;left:16%;right:16%;height:4px;border-radius:0 0 6px 6px;background:var(--accent-ink)}.kj-besuk-kotak{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.kj-besuk-baris{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);text-align:left;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.kj-besuk-baris:hover{border-color:var(--accent)}.kj-besuk-baris:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kj-besuk-baris strong{color:var(--accent-ink)}.kj-tgl-kotak{flex-shrink:0;width:44px;padding:4px 0;text-align:center;border-radius:12px;background:var(--surface);border:1px solid var(--line);line-height:1.1}.kj-tgl-kotak b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink)}.kj-tgl-kotak small{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.pt-ringkas-item strong.td-teks-besar{font-size:15px;line-height:1.35;padding:5px 0 3px}.td-penanya{font-weight:500;font-size:11.5px;color:var(--ink-faint)}.td-cuplikan{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.td-mini-bar{display:block;height:5px;margin-top:4px;border-radius:999px;background:var(--surface-2);overflow:hidden}.td-mini-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}.td-panas{display:grid;grid-template-columns:70px repeat(4,minmax(0,1fr));gap:6px;align-items:stretch}.td-panas-baris{display:contents}.td-panas-kolom{display:flex;flex-direction:column;align-items:center;padding-bottom:2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.td-panas-kolom small{font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-faint)}.td-panas-hari{display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--ink-muted)}.td-sel{--kuat: 0;display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:10px;border:1px solid var(--line);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) calc(10% + var(--kuat) * .6%),var(--surface-2))}.td-sel-nol{color:var(--ink-faint);font-weight:500;background:var(--surface-2)}.td-sel-puncak{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 55%,transparent)}.td-kartu.td-sorot{animation:td-sorot 3.2s ease-out 1}@keyframes td-sorot{0%{box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 70%,transparent),0 14px 30px color-mix(in srgb,var(--gold) 30%,transparent)}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.td-kartu.td-sorot{animation:none;outline:3px solid var(--gold);outline-offset:2px}}@media (max-width: 720px){.td-panas{grid-template-columns:56px repeat(4,minmax(0,1fr))}}.tg-hbar{grid-template-columns:minmax(96px,170px) 1fr minmax(84px,auto)}.tg-mini-rp{font-size:11px!important;letter-spacing:-.01em}.tg-daftar{display:flex;flex-direction:column;gap:5px}.tg-baris{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;width:100%;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font:inherit;font-size:12px;color:var(--ink);text-align:left}button.tg-baris{cursor:pointer}button.tg-baris:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.tg-baris-bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}.tg-nama{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-nominal{font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold)}.tg-baris-bad .tg-nominal{color:var(--bad)}.tg-hari{flex-basis:100%;font-size:10.5px;font-weight:700;color:var(--bad)}.kls-qr-bingkai{display:flex;justify-content:center;padding:18px;margin:0 auto;width:fit-content;max-width:100%;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 14%,transparent)}.dt-roster{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.kd-strip{margin-bottom:16px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 85%);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}.kd-atas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.kd-judul{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.kd-persen{font-family:var(--serif);font-size:20px}.kd-ok{color:var(--accent-ink)}.kd-warn{color:var(--gold)}.kd-bad{color:var(--bad)}.kd-ket{margin:8px 0 0;font-size:12px;line-height:1.9;color:var(--ink-muted)}.kd-kosong{display:inline-block;margin:0 4px 0 0;padding:1px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:700;color:var(--gold);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 32%,var(--line))}.kf-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px;padding:20px 26px;border-radius:24px;color:#fff;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 22%,transparent)}.kf-hero-surplus{background:linear-gradient(135deg,#0f4d38,#1f6b4c 55%,#8a6a1f)}.kf-hero-defisit{background:linear-gradient(135deg,#5b2a1b,#8a3f26 60%,#a8781f)}.kf-hero-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.kf-hero-angka{margin-top:4px;font-family:var(--serif);font-size:38px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.kf-hero-sub{margin-top:6px;font-size:13px;color:#ffffffdb}.kf-hero-banding{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);min-width:220px}.kf-hero-banding span{font-size:11px;color:#ffffffd1}.kf-hero-banding strong{font-family:var(--serif);font-size:20px;font-variant-numeric:tabular-nums}.kf-hero-banding em{font-style:normal;font-size:12px;font-weight:700;color:#ffffffe6}.kf-delta.kf-baik{color:var(--accent-ink);font-weight:700}.kf-delta.kf-buruk{color:var(--bad);font-weight:700}.kf-ringkas .pt-ringkas-item strong{font-size:21px;white-space:nowrap}@media (max-width: 720px){.kf-ringkas .pt-ringkas-item strong{font-size:17px}}.mw-kaca-cek.kf-cetak{font:inherit;font-size:13px;font-weight:800;padding:9px 16px;border:0;border-radius:12px;cursor:pointer;color:#2a1d05;background:linear-gradient(135deg,#f0d27f,#c99a2e);box-shadow:0 6px 16px #00000038}.mw-kaca-cek.kf-cetak:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.mw-kaca-cek.kf-cetak:disabled{opacity:.6;cursor:wait}.kf-tabel-kecil{margin-top:12px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:14px}.kf-tabel-kecil .data-table{margin:0}.kf-titipan{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kf-titipan>div{padding:12px 14px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.kf-titipan strong{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums}.kf-titipan span{font-size:11.5px;color:var(--ink-muted)}.kf-catatan-metode ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.75;color:var(--ink-muted)}.kf-kop{padding-bottom:12px;margin-bottom:14px;border-bottom:3px double var(--ink);text-align:center}.kf-kop-baris{display:flex;align-items:center;justify-content:center;gap:14px}.kf-kop-logo{width:58px;height:58px;object-fit:contain}.kf-kop-nama{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink)}.kf-kop-alamat{font-size:11.5px;color:var(--ink-muted)}.kf-kop-judul{margin-top:10px;font-size:16px;font-weight:800;letter-spacing:.16em;color:var(--ink)}.kf-kop-periode{margin-top:2px;font-size:12.5px;color:var(--ink-muted)}.kf-ttd{margin-top:26px;break-inside:avoid}.kf-ttd-tgl{text-align:right;font-size:12.5px;color:var(--ink);margin-bottom:6px}.kf-ttd-baris{display:grid;grid-template-columns:1fr 1fr;gap:40px}.kf-ttd-baris>div{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12.5px;color:var(--ink)}.kf-ttd-baris i{display:block;width:78%;height:70px;border-bottom:1px solid var(--ink)}.kf-ttd-baris small{margin-top:4px;color:var(--ink-muted)}@media print{.modal-card.mw-kartu{border-radius:0;border:0;box-shadow:none}.mw-badan{-webkit-print-color-adjust:exact;print-color-adjust:exact}.kf-hero{box-shadow:none}.pk-panel,.pt-ringkas-item,.kf-hero{break-inside:avoid;box-shadow:none}.kf-tabel-kecil{max-height:none;overflow:visible}.kf-ttd,.kf-kop{display:block!important}}@media (max-width: 720px){.kf-hero-angka{font-size:30px}.kf-ttd-baris{gap:16px}}@page laporan{size:A4 portrait;margin:18mm 17mm 20mm;@bottom-center{content:"Halaman " counter(page) " dari " counter(pages);font:9pt Times New Roman,serif;color:#444}}@media print{html:has(.lr-dokumen){page:laporan}.modal-overlay.mw-overlay:has(.lr-dokumen){position:absolute!important;inset:0 0 auto 0!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-card.mw-kartu:has(.lr-dokumen){position:static!important;max-width:none!important;width:auto!important;margin:0!important}html:has(.lr-dokumen) body *:not(:has(.lr-dokumen)):not(.lr-dokumen):not(.lr-dokumen *){display:none!important}html:has(.lr-dokumen),html:has(.lr-dokumen) body{height:auto!important;overflow:visible!important}.lr-dokumen{display:block!important;font-family:Times New Roman,"Liberation Serif",Georgia,serif;font-size:10pt;line-height:1.42;color:#000;background:#fff}.mw-kartu:has(.lr-dokumen),.mw-kartu:has(.lr-dokumen) .mw-badan{background:#fff!important;color:#000}.mw-kartu:has(.lr-dokumen) .mw-badan{padding:0!important}.lr-dokumen *{color:#000;box-shadow:none;text-shadow:none}.lr-kop{display:flex;align-items:center;justify-content:center;gap:14pt;text-align:center}.lr-logo{width:54pt;height:54pt;object-fit:contain}.lr-kop-nama{font-size:15pt;font-weight:700;letter-spacing:.04em}.lr-kop-alamat{font-size:9.5pt}.lr-garis{margin:6pt 0 12pt;border-top:2.5pt solid #000;border-bottom:.75pt solid #000;height:2pt}.lr-judul{text-align:center;font-size:14pt;font-weight:700;letter-spacing:.2em}.lr-subjudul{text-align:center;font-size:10.5pt;margin-bottom:12pt}.lr-memo{border-collapse:collapse;margin-bottom:8pt;font-size:10.5pt}.lr-memo td{padding:1pt 6pt 1pt 0;vertical-align:top}.lr-memo td:first-child{white-space:nowrap}.lr-h{margin:12pt 0 4pt;font-size:11.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.03em;break-after:avoid;page-break-after:avoid}.lr-h span{display:inline-block;min-width:18pt}.lr-p{margin:0 0 6pt;text-align:justify}.lr-kecil{font-size:10pt}p.lr-kecil{margin:8pt 0 3pt;font-weight:700;break-after:avoid;page-break-after:avoid}.lr-tabel{width:100%;border-collapse:collapse;margin:2pt 0 4pt;font-size:10pt;break-inside:avoid;page-break-inside:avoid}.lr-tabel th,.lr-tabel td{border:.6pt solid #000;padding:1.8pt 5pt;vertical-align:top}.lr-tabel th{background:#e6e6e6!important;font-weight:700;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lr-tabel th:first-child{text-align:left}.lr-tabel .lr-n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.lr-tabel .lr-c{text-align:center;width:26pt}.lr-tabel .lr-in{padding-left:18pt}.lr-tabel .lr-sub td{font-weight:700;background:#f3f3f3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lr-tabel .lr-jumlah td{font-weight:700;border-top:1pt solid #000}.lr-tabel .lr-total td{font-weight:700;border-top:1.5pt double #000;border-bottom:1.5pt double #000;background:#f3f3f3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.lr-tabel .lr-kosong{text-align:center;font-style:italic}.lr-satuan{margin:0 0 3pt;font-size:8.5pt;font-style:italic;break-before:avoid;page-break-before:avoid}.lr-akhir{break-inside:avoid;page-break-inside:avoid}.lr-daftar{margin:0 0 6pt;padding-left:20pt;text-align:justify}.lr-daftar li{margin-bottom:3pt}.lr-penutup{margin-top:12pt}.lr-ttd{margin-top:14pt;break-inside:avoid;page-break-inside:avoid}.lr-ttd-tgl{text-align:right;margin-bottom:6pt}.lr-ttd-baris{display:grid;grid-template-columns:1fr 1fr;gap:30pt;text-align:center}.lr-ttd-jabatan{font-weight:700}.lr-ttd-ruang{height:54pt}.lr-ttd-nama{border-top:.6pt solid #000;padding-top:2pt;margin:0 18pt}}.kf-banding .kf-tabel-kecil{max-height:none;overflow-x:auto}.kf-tabel-banding{width:100%;min-width:560px;border-collapse:collapse}.kf-tabel-banding th,.kf-tabel-banding td{white-space:nowrap}.kf-tabel-banding td:first-child,.kf-tabel-banding th:first-child{white-space:normal;min-width:210px}.kf-tabel-banding .kf-n{text-align:right;font-variant-numeric:tabular-nums}.kf-tabel-banding .kf-total{font-weight:700;background:color-mix(in srgb,var(--accent) 7%,transparent)}.kf-tabel-banding .kf-tak{color:var(--ink-faint)}.kf-lihat{font:inherit;font-weight:700;font-size:12.5px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:3px 12px;cursor:pointer}.kf-lihat:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.kf-lihat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 720px){.kf-banding .data-table thead{display:table-header-group}.kf-banding .data-table tr{display:table-row}.kf-banding .data-table td,.kf-banding .data-table th{display:table-cell}.kf-banding .data-table td:before{content:none}}.th-jalur{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.th-jalur-item{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.th-jalur-item:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014;border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.th-jalur-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.th-jalur-item strong{display:block;font-size:14px}.th-jalur-item small{display:block;font-size:11.5px;color:var(--ink-muted)}.th-jalur-ikon{font-size:22px;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2)}.th-jalur-item.aktif{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--gold) 14%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.th-jalur-item.aktif .th-jalur-ikon{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--gold)))}.tk-progres{display:flex;flex-direction:column;gap:12px;margin-top:4px}.tk-progres-kepala{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}.tk-guru{font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-ink)}.tk-guru.kosong{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold-ink, var(--ink))}.tk-kitab-baris{display:flex;flex-direction:column;gap:5px}.tk-kitab-nama{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}.tk-kitab-angka{font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums}@media (max-width: 560px){.th-jalur-item{flex:1 1 100%}}.tk-belum-daftar{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:132px;overflow-y:auto;padding:2px}.ps-halaman{display:flex;flex-direction:column;gap:0}.ps-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;margin-bottom:14px;padding:24px 30px;border-radius:26px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(241,210,138,.28),transparent 42%),linear-gradient(135deg,#0c3d2d,#17604a 58%,#7a5c1c);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 24%,transparent)}.ps-hero-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1}.ps-hero-angka{margin-top:2px;font-family:var(--serif);font-size:60px;font-weight:600;line-height:1.05;font-variant-numeric:tabular-nums}.ps-hero-sub{margin-top:4px;font-size:13px;color:#ffffffdb}.ps-hero-segmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px 24px;margin-top:18px}.ps-seg{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#ffffff2e}.ps-seg i{display:block;height:100%;transition:width .6s ease}.ps-seg i+i{box-shadow:-2px 0 #0c3d2d8c}.ps-seg-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:7px;font-size:12px;color:#ffffffe6}.ps-seg-legenda span{display:inline-flex;align-items:center;gap:6px}.ps-seg-legenda i{width:9px;height:9px;border-radius:3px;display:inline-block}.ps-seg-legenda small{color:#ffffffb3}.ps-hero-kanan{display:flex;align-items:center;gap:22px}.ps-cincin{margin:0;width:148px;text-align:center}.ps-cincin svg{display:block;width:148px;height:148px}.ps-cincin figcaption{margin-top:-2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1}.ps-hero-mini{display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:18px;background:#ffffff21;border:1px solid rgba(255,255,255,.28);min-width:150px}.ps-hero-mini strong{font-family:var(--serif);font-size:36px;line-height:1.1;font-variant-numeric:tabular-nums}.ps-hero-mini span{font-size:12.5px;font-weight:600}.ps-hero-mini small{font-size:11.5px;color:#ffffffc7}.ps-ringkas{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.ps-tile{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ps-tile:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.ps-tile:focus-visible,.ps-aksi:focus-visible,.ps-kotak:focus-visible,.ps-sorot:focus-visible,.ps-hbar-klik:focus-visible,.ps-dir-baris:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ps-tile:disabled{cursor:default}.ps-tile strong{white-space:nowrap}.ps-fokus{margin:4px 0 14px;padding:16px 18px;border-radius:22px;background:linear-gradient(160deg,var(--gold-soft),var(--surface) 70%);border:1.5px solid color-mix(in srgb,var(--gold) 45%,var(--line));box-shadow:0 14px 30px color-mix(in srgb,var(--gold) 14%,transparent);scroll-margin-top:12px}.ps-fokus h2{margin:0;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.ps-fokus-sub{margin:3px 0 0;font-size:12.5px;color:var(--ink-muted)}.ps-fokus-aksi{display:flex;align-items:center;gap:10px}.ps-fokus-daftar{max-height:380px;overflow-y:auto;padding-right:4px}.ps-bagian{display:flex;align-items:center;gap:14px;margin:30px 0 4px;padding-bottom:10px;border-bottom:1px solid var(--line)}.ps-bagian-ikon{flex-shrink:0;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,var(--accent-soft),var(--gold-soft));border:1px solid var(--line)}.ps-bagian h2{margin:0;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}.ps-bagian p{margin:2px 0 0;font-size:12.5px;color:var(--ink-muted)}.ps-aksi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px;margin-top:12px}.ps-aksi{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;border-radius:18px;border:1px solid var(--line);border-left-width:5px;background:var(--surface);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ps-aksi:hover{transform:translateY(-2px);box-shadow:0 12px 24px #14281e1a}.ps-aksi.aktif{box-shadow:0 0 0 2px var(--gold) inset}.ps-nada-bad{border-left-color:var(--bad);background:linear-gradient(100deg,var(--bad-soft),var(--surface) 60%)}.ps-nada-warn{border-left-color:var(--gold);background:linear-gradient(100deg,var(--gold-soft),var(--surface) 60%)}.ps-nada-info{border-left-color:var(--pk-biru, #4f86bd);background:linear-gradient(100deg,color-mix(in srgb,var(--pk-biru, #4f86bd) 12%,var(--surface)),var(--surface) 60%)}.ps-aksi-ikon{flex-shrink:0;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line)}.ps-aksi-isi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ps-aksi-isi strong{font-size:13.5px;color:var(--ink)}.ps-aksi-isi small{font-size:11.5px;line-height:1.45;color:var(--ink-muted)}.ps-aksi-angka{flex-shrink:0;text-align:center;font-family:var(--serif);font-size:28px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.ps-aksi-angka em{display:block;margin-top:2px;font-family:inherit;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.ps-nada-bad .ps-aksi-angka{color:var(--bad)}.ps-kotak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ps-kotak{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease}.ps-kotak:hover{transform:translateY(-2px)}.ps-kotak strong{font-family:var(--serif);font-size:32px;line-height:1.05;font-variant-numeric:tabular-nums}.ps-kotak span{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ps-putra{background:linear-gradient(135deg,var(--putra-tint),var(--surface));border-color:color-mix(in srgb,var(--putra-hue) 40%,var(--line))}.ps-putra strong{color:var(--putra-hue)}.ps-putri{background:linear-gradient(135deg,var(--putri-tint),var(--surface));border-color:color-mix(in srgb,var(--putri-hue) 40%,var(--line))}.ps-putri strong{color:var(--putri-hue)}.ps-hbar-klik{border:0;background:none;font:inherit;color:inherit;cursor:pointer;width:100%;text-align:left;border-radius:10px;padding-left:4px;padding-right:4px;margin:0 -4px}.ps-hbar-klik:hover{background:var(--surface-2)}.pk-hbar strong{min-width:34px;white-space:nowrap}.ps-bar-lain{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.ps-sub-judul{margin:14px 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.ps-okupansi{position:relative;height:26px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--line);margin-bottom:12px}.ps-okupansi i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--gold)))}.ps-okupansi i.ramai{background:linear-gradient(90deg,var(--gold),#c99a3a)}.ps-okupansi i.penuh{background:linear-gradient(90deg,var(--bad),#c4644a)}.ps-okupansi span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--ink);text-shadow:0 0 6px var(--surface),0 0 2px var(--surface)}.ps-mini-tiga{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.ps-mini-tiga>div{padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.ps-mini-tiga strong{display:block;font-family:var(--serif);font-size:22px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.ps-mini-tiga span{font-size:11px;line-height:1.35;color:var(--ink-muted)}.ps-aksi-baris{margin-bottom:6px}.ps-kolom{display:flex;align-items:flex-end;gap:6px;height:148px;padding-top:6px;overflow-x:auto;overflow-y:hidden}.ps-kolom-item{flex:1 0 36px;min-width:36px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.ps-kolom-nilai{font-size:11px;font-weight:800;color:var(--ink-muted);font-variant-numeric:tabular-nums}.ps-kolom-batang{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end;border-radius:8px 8px 3px 3px;background:var(--surface-2);overflow:hidden}.ps-kolom-batang i{display:block;width:100%;min-height:2px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 75%,#fff),var(--accent));transition:height .6s ease}.ps-kolom-emas .ps-kolom-batang i{background:linear-gradient(180deg,#d9b25a,var(--gold))}.ps-kolom-label{font-size:9.5px;line-height:1.15;color:var(--ink-faint);text-align:center;overflow-wrap:anywhere;max-width:100%;max-height:2.3em;overflow:hidden}.ps-sorot{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:var(--gold-soft);text-align:left;font:inherit;color:inherit;cursor:pointer}.ps-sorot strong{font-family:var(--serif);font-size:30px;line-height:1;color:var(--gold)}.ps-sorot span{flex:1;display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--ink)}.ps-sorot small{font-size:11.5px;font-weight:500;color:var(--ink-muted)}.ps-sorot em{font-style:normal;font-size:22px;color:var(--ink-faint)}.ps-foto{flex-shrink:0;width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}.ps-foto.pk-avatar-bad{box-shadow:0 0 0 2px var(--bad)}.ps-foto.pk-avatar-warn{box-shadow:0 0 0 2px var(--gold)}.ps-dir-alat{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.ps-dir-alat .input{max-width:260px}.ps-chips{display:flex;flex-wrap:wrap;gap:6px}.ps-dir-baris td{vertical-align:middle}.ps-dir-nama{display:inline-flex;align-items:center;gap:10px}.ps-dir-nama strong{display:block;font-size:13.5px;color:var(--ink)}.ps-dir-nama small{display:block;font-size:11.5px;color:var(--ink-muted)}.ps-kosong{font-style:normal;color:var(--bad);font-weight:600;font-size:12px}.ps-lengkap{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.ps-lengkap>span{width:64px;height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.ps-lengkap i{display:block;height:100%;border-radius:999px;background:var(--accent)}.ps-lengkap i.sedang{background:var(--gold)}.ps-lengkap i.rendah{background:var(--bad)}.ps-skor{display:inline-block;padding:3px 12px;border-radius:999px;font-size:11.5px;font-weight:800;border:1px solid var(--line)}.ps-skor-aman{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.ps-skor-cermat{background:var(--surface-2);color:var(--ink-muted)}.ps-skor-perhatian{background:var(--gold-soft);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.ps-skor-prioritas{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}@media (max-width: 860px){.ps-hero{grid-template-columns:1fr;padding:20px}.ps-hero-kanan{justify-content:flex-start;flex-wrap:wrap}.ps-hero-angka{font-size:48px}}@media (max-width: 560px){.ps-kotak-grid{grid-template-columns:1fr 1fr}.ps-mini-tiga{grid-template-columns:1fr}.ps-aksi{flex-wrap:wrap}}.ps-halaman .pk-hbar{grid-template-columns:minmax(96px,168px) 1fr 46px}.ps-mini-empat{grid-template-columns:repeat(4,1fr)}.ps-sorot-statis{cursor:default;margin-bottom:4px}.ps-dir-sub{display:block;font-size:11.5px;color:var(--ink-muted)}@media (max-width: 720px){.ps-mini-empat{grid-template-columns:1fr 1fr}}.ps-diperbarui{font-size:12px;font-weight:600;color:#ffffffe0;white-space:nowrap}.ps-berputar svg{animation:ps-putar .8s linear infinite}@keyframes ps-putar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ps-berputar svg{animation-duration:2.4s}}.ps-program-tiga{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px}.ps-program{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:14px 18px;border-radius:20px;border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ps-program:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #14281e1a}.ps-program:disabled{cursor:default;opacity:.75}.ps-program>span{grid-row:1 / 4;font-size:30px}.ps-program strong{font-family:var(--serif);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.ps-program em{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ps-program small{font-size:11.5px;color:var(--ink-faint);grid-column:2}.ps-program-quran{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 80%);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.ps-program-quran strong{color:var(--accent-ink)}.ps-program-kitab{background:linear-gradient(135deg,var(--gold-soft),var(--surface) 80%);border-color:color-mix(in srgb,var(--gold) 38%,var(--line))}.ps-program-kitab strong{color:var(--gold)}.ps-program-belum.ada{background:linear-gradient(135deg,var(--bad-soft),var(--surface) 80%);border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.ps-program-belum.ada strong{color:var(--bad)}.ps-mini-klik{text-align:left;font:inherit;color:inherit;cursor:pointer;padding:10px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.ps-mini-klik:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.ps-mini-klik strong{display:block;font-family:var(--serif);font-size:22px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.ps-mini-klik span{font-size:11px;line-height:1.35;color:var(--ink-muted)}.ps-mini-tiga small{font-size:11px;font-weight:600;color:var(--ink-muted)}.ps-roster-alat{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 8px}.ps-roster-alat .input{max-width:210px;padding-top:6px;padding-bottom:6px;font-size:12.5px}.ps-roster{max-height:340px;overflow-y:auto;padding-right:4px}@media (max-width: 720px){.ps-program-tiga{grid-template-columns:1fr}}.ps-halaman{--pk-biru: #4f86bd}.ps-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ps-status-chip{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;background:#ffffff29;border:1px solid rgba(255,255,255,.32)}.ps-status-chip.bad{background:#c4644a59;border-color:#e8a08c99}.ps-status-pill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.ps-status-mendaftar{background:var(--gold-soft);color:var(--gold)}.ps-status-tes_wawancara{background:color-mix(in srgb,var(--pk-biru, #4f86bd) 16%,var(--surface));color:var(--pk-biru, #4f86bd)}.ps-status-diterima{background:var(--accent-soft);color:var(--accent-ink)}.ps-status-ditolak{background:var(--bad-soft);color:var(--bad)}.ps-gelombang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;margin-top:12px}.ps-gelombang{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.ps-gelombang:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 22px #14281e1a}.ps-gelombang:disabled{cursor:default;opacity:.85}.ps-gel-aktif{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%)}.ps-gel-berakhir{opacity:.72}.ps-gelombang-kepala{display:flex;justify-content:space-between;align-items:center;gap:8px}.ps-gelombang-kepala strong{font-family:var(--serif);font-size:15.5px;color:var(--ink)}.ps-gel-badge{padding:2px 10px;border-radius:999px;font-size:10.5px;font-weight:800;white-space:nowrap}.ps-gel-badge-aktif{background:var(--accent-soft);color:var(--accent-ink)}.ps-gel-badge-belum_mulai{background:var(--gold-soft);color:var(--gold)}.ps-gel-badge-berakhir{background:var(--surface-2);color:var(--ink-muted)}.ps-gel-badge-nonaktif{background:var(--bad-soft);color:var(--bad)}.ps-gelombang-periode{font-size:11.5px;color:var(--ink-muted)}.ps-gelombang-kuota{display:flex;flex-direction:column;gap:5px}.ps-kuota-baris{display:grid;grid-template-columns:32px 1fr 56px;align-items:center;gap:8px;font-size:11.5px}.ps-kuota-track{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.ps-kuota-track i{display:block;height:100%;border-radius:999px;background:var(--accent)}.ps-kuota-track i.hampir{background:var(--gold)}.ps-kuota-track i.penuh{background:var(--bad)}.ps-kuota-baris em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-muted)}.ps-gelombang-footer{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink-faint);padding-top:6px;border-top:1px dashed var(--line)}.ps-slot-daftar{display:flex;flex-direction:column;gap:6px}.ps-slot{display:grid;grid-template-columns:minmax(110px,auto) 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2);font-size:12px}.ps-slot.lewat{opacity:.65}.ps-slot.penuh{background:color-mix(in srgb,var(--bad) 8%,var(--surface-2))}.ps-slot-waktu{font-weight:700;color:var(--ink);white-space:nowrap}.ps-slot-gel{color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-slot-isi{font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap}.ps-slot-tag{font-size:10.5px;font-weight:700;color:var(--ink-faint);white-space:nowrap}.ps-slot.penuh .ps-slot-tag{color:var(--bad)}.klw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:12px}.klw-kartu{border:1.5px dashed var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);color:var(--ink);break-inside:avoid;display:flex;flex-direction:column;gap:8px}.klw-kepala{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.klw-kepala img{width:34px;height:34px;border-radius:8px;object-fit:cover}.klw-kepala strong{display:block;font-family:var(--serif);font-size:13.5px}.klw-kepala span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}.klw-badan{display:flex;gap:12px;align-items:center}.klw-isi{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.klw-baris{display:grid;grid-template-columns:74px 1fr;gap:6px;font-size:12px;align-items:baseline}.klw-baris span{color:var(--ink-muted)}.klw-baris b{word-break:break-word}.klw-mono{font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:.02em}.klw-qr{margin:0;text-align:center;flex-shrink:0}.klw-qr img{width:92px;height:92px;display:block}.klw-qr figcaption{font-size:9.5px;color:var(--ink-muted);margin-top:2px}.klw-langkah{margin:0;padding-left:18px;font-size:10.5px;color:var(--ink-muted);line-height:1.5}@media print{.klw-grid{grid-template-columns:1fr 1fr;gap:0}.klw-kartu{border-radius:0;height:65mm;overflow:hidden;background:#fff;color:#000}}.twk{display:grid;gap:14px;margin-top:16px}.twk-kartu{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;padding:18px 20px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent-soft) 70%,var(--surface)),var(--surface) 65%)}.twk-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.twk-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.twk-judul{margin:2px 0 0;font-family:var(--serif);font-size:22px;color:var(--ink)}.twk-aksi{display:flex;gap:8px;flex-wrap:wrap}.twk-angka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 12px}.twk-angka>div{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.twk-angka span{font-size:11.5px;font-weight:700;color:var(--ink-muted)}.twk-angka b{font-size:22px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.twk-angka b small{font-size:13px;color:var(--ink-faint);font-weight:700}.twk-bar{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.twk-bar em{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .4s}.twk-bar-emas em{background:var(--gold)}.twk-sub{font-size:12px;font-weight:700;color:var(--ink-muted);margin-bottom:6px}.twk-mapel{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}.twk-mapel-baris{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s,transform .15s}.twk-mapel-baris:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.twk-mapel-baris:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.twk-mapel-nama{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--ink);display:flex;flex-direction:column}.twk-mapel-nama small{font-size:11.5px;font-weight:500;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twk-mapel-status{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.twk-mapel-status em{font-style:normal;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;white-space:nowrap}.twk-mapel-status .pk-tanda-bad{background:var(--bad-soft);color:var(--bad)}.twk-mapel-status .pk-tanda-warn{background:var(--gold-soft);color:var(--gold)}.twk-ok{margin:0;font-size:13.5px;font-weight:600;color:var(--accent-ink)}@media (max-width: 720px){.twk-angka,.twk-mapel{grid-template-columns:1fr}}.trk-ringkas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trk-ringkas>div{padding:12px;border-radius:12px;background:var(--surface-2);text-align:center;display:grid;gap:2px}.trk-ringkas b{font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.trk-ringkas span{font-size:12px;color:var(--ink-muted);font-weight:600}.trk-ringkas .ok{background:var(--accent-soft)}.trk-ringkas .ok b{color:var(--accent-ink)}.trk-ringkas .warn{background:var(--gold-soft)}.trk-ringkas .warn b{color:var(--gold)}.trk-daftar{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;max-height:240px;overflow-y:auto}.trk-daftar li{display:grid;gap:1px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);font-size:13px}.trk-daftar li span{font-size:12px;color:var(--ink-muted)}.nr-desk{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-top:3px;font-size:11.5px;color:var(--ink-muted);line-height:1.45}.nr-desk>span{flex:1 1 200px;min-width:0}.nr-desk .link-button{font-size:11.5px;white-space:nowrap}.nr-jejak{margin-top:2px;font-size:10.5px;color:var(--ink-faint)}.ser-sikap{display:grid;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}.ser-sikap-kepala{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ser-sikap-kepala strong{font-size:13.5px;color:var(--ink)}.ser-sikap textarea{width:100%;font-family:inherit}.ser-ekskul{display:grid;grid-template-columns:minmax(160px,1.2fr) 110px minmax(160px,2fr) auto;gap:8px;align-items:center}@media (max-width: 720px){.ser-ekskul{grid-template-columns:1fr 1fr}}.combo-pilihan{position:relative}.combo-pilihan>.input{width:100%}.combo-pilihan-daftar{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #00000024}.combo-pilihan-daftar li{padding:8px 10px;border-radius:8px;font-size:13px;color:var(--ink);cursor:pointer}.combo-pilihan-daftar li:hover,.combo-pilihan-daftar li.aktif{background:var(--accent-soft)}.combo-pilihan-daftar li.dipilih{font-weight:700;color:var(--accent-ink)}.combo-pilihan-daftar li.cocok{background:color-mix(in srgb,var(--gold-soft) 60%,transparent)}.combo-pilihan-daftar li.combo-pilihan-catatan{cursor:default;font-size:12px;color:var(--ink-faint);border-top:1px dashed var(--line);border-radius:0;margin-top:4px}.combo-pilihan-daftar li.combo-pilihan-catatan:hover{background:none}.kwa{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.kwa-nomor{font-variant-numeric:tabular-nums;margin-right:2px}.kwa-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid transparent;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;flex-shrink:0}.kwa-kecil .kwa-btn{width:24px;height:24px}.kwa-kecil .kwa-btn svg{width:13px;height:13px}.kwa-wa{background:#25d366;color:#fff}.kwa-wa:hover{transform:translateY(-1px);box-shadow:0 4px 10px #25d36659}.kwa-tel{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.kwa-tel:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.kwa-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kwa-mati,.kwa-mati:hover{background:var(--surface-2);color:var(--ink-faint);border-color:var(--line);box-shadow:none;transform:none;cursor:not-allowed}.input-aksi{position:relative}.input-aksi>.input{width:100%;padding-right:78px}.input-aksi>.kwa{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.kwa-sel{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.kwa-sub{display:flex;margin-top:4px;font-size:11.5px;color:var(--ink-muted)}.geo-bukti{display:inline-flex;align-items:center;gap:10px}.geo-foto{width:42px;height:52px;border-radius:10px;overflow:hidden;border:1px solid var(--line);padding:0;background:var(--surface-2);cursor:zoom-in;flex-shrink:0;display:grid;place-items:center}.geo-foto img{width:100%;height:100%;object-fit:cover;display:block}.geo-foto-kosong{cursor:default;color:var(--ink-faint);font-size:12px}.geo-info{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--ink)}.geo-info small{font-size:11px;color:var(--ink-muted)}.geo-cek{font-style:normal;font-size:11px;font-weight:700;color:var(--gold)}.geo-modal{max-width:420px;padding:16px;display:grid;gap:12px}.geo-modal img{width:100%;max-height:60vh;object-fit:contain;border-radius:14px;background:#000}.geo-modal-info{display:grid;gap:2px;font-size:13px;color:var(--ink-muted)}.geo-modal-info strong{font-size:15px;color:var(--ink)}.po-tabs{display:flex;gap:6px;margin-top:18px;border-bottom:1px solid var(--line)}.po-tab{background:none;border:0;padding:10px 16px;font:inherit;font-weight:700;color:var(--ink-muted);border-bottom:2.5px solid transparent;cursor:pointer}.po-tab.aktif{color:var(--accent-ink);border-bottom-color:var(--accent)}.po-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.po-kunci-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.po-kunci{border-radius:14px;padding:14px 16px;background:var(--surface-2);font-size:13.5px;color:var(--ink-muted)}.po-kunci.ok{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.po-kunci.kosong{background:var(--bad-soft);color:var(--bad);font-weight:600}.po-kunci-label{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:4px}.po-url{margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}.po-panduan{margin-top:12px;padding:14px 18px;border-radius:14px;background:var(--bad-soft);font-size:13.5px;color:var(--ink)}.po-panduan ol{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.po-panduan code{font-size:12.5px;background:var(--surface);padding:1px 5px;border-radius:5px}.po-sub-kepala{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;font-weight:700;color:var(--ink);font-size:14px}.po-link{background:none;border:0;color:var(--bad);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.po-bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.po-bank{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface)}.po-bank.on{border-color:var(--accent);background:var(--accent-soft)}.po-bank-logo{min-width:64px;text-align:center;font-size:12px;font-weight:800;padding:7px 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.po-bank-nama{flex:1;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.po-bawaan{font-size:10.5px;font-weight:800;color:#fff;background:var(--accent);padding:2px 8px;border-radius:999px}.po-isian-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px;align-items:start}.po-pilihan{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.po-opsi{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);cursor:pointer;font-size:13.5px}.po-opsi.aktif{border-color:var(--accent);background:var(--accent-soft)}.po-opsi input{margin-top:3px;accent-color:var(--accent)}.ppo-tombol{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ppo-konfig{display:flex;align-items:center;gap:12px;margin-bottom:14px;background:var(--gold-soft, #fbf1d9);border-radius:14px;padding:12px 16px}.po-biaya-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px}.po-biaya{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2);font-size:13.5px}.po-biaya small{color:var(--ink-faint);font-size:11.5px}.po-biaya-isian{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted)}.po-biaya-isian label{display:inline-flex;align-items:center;gap:4px}.po-biaya-isian .input{width:84px;padding:6px 8px}.ppa-status{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--surface-2);margin-bottom:16px}.ppa-status-judul{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}.ppa-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.ppa-cek{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.ppa-cek strong{display:block;font-size:13px;color:var(--ink)}.ppa-cek small{display:block;font-size:12px;color:var(--ink-muted)}.ppa-cek-ikon{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px}.ppa-cek.ok .ppa-cek-ikon{background:var(--accent);color:#fff}.ppa-cek.belum{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.ppa-cek.belum .ppa-cek-ikon{background:var(--bad-soft);color:var(--bad)}.ppa-cek.netral .ppa-cek-ikon{background:var(--gold-soft);color:var(--gold)}.ppa-bab{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.ppa-bab-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s ease,background .15s ease}.ppa-bab-item:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.ppa-bab-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ppa-bab-item.aktif{border-color:var(--accent);background:var(--accent-soft)}.ppa-bab-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-2);color:var(--ink-muted)}.ppa-bab-item.aktif .ppa-bab-no,.ppa-bab-item.lewat .ppa-bab-no{background:var(--accent);color:#fff}.ppa-bab-teks{min-width:0}.ppa-bab-teks strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppa-bab-teks small{display:block;font-size:11.5px;color:var(--ink-faint)}.ppa-isi{min-height:320px}.ppa-pengantar{font-size:14px;color:var(--ink-muted);margin:0 0 14px;max-width:70ch}.ppa-langkah-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.ppa-langkah{display:flex;gap:14px;position:relative;padding-bottom:18px}.ppa-langkah:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:2px;background:var(--line)}.ppa-no{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--accent);color:#fff;font-size:14px;position:relative;z-index:1}.ppa-langkah-isi{flex:1;min-width:0;padding-top:4px}.ppa-langkah-judul{font-weight:800;font-size:15px;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.ppa-tempat{font-size:11.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:2px 9px;border-radius:999px}.ppa-langkah-teks{font-size:13.5px;color:var(--ink-muted);line-height:1.6;max-width:80ch}.ppa-langkah-teks code{font-size:12.5px;background:var(--surface-2);padding:1px 6px;border-radius:6px;color:var(--ink)}.ppa-poin{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.ppa-salin{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.ppa-salin code{padding:6px 10px!important;overflow-wrap:anywhere}.ppa-alir{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);margin-bottom:16px}.ppa-alir-item{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--accent-ink)}.ppa-alir-item>span{background:var(--surface);padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.ppa-alir-item i{font-style:normal;color:var(--accent)}.ppa-metode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:8px}.ppa-metode{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink)}.ppa-metode-kepala{display:flex;gap:8px;align-items:center;font-size:14px}.ppa-metode-ket{color:var(--ink-faint);margin-top:-3px}.ppa-metode-waktu{color:var(--gold);font-weight:700}.ppa-label{display:inline-block;min-width:46px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink)}.ppa-kartu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.ppa-kartu{display:flex;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.ppa-kartu-ikon{font-size:22px;line-height:1}.ppa-kartu strong{font-size:14px;color:var(--ink)}.ppa-kartu p{margin:4px 0 0;font-size:13px;color:var(--ink-muted);line-height:1.5}.ppa-tabel-wrap{overflow-x:auto;margin-top:8px}.ppa-tabel{width:100%;border-collapse:collapse;font-size:13px}.ppa-tabel th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);padding:8px 10px;border-bottom:1px solid var(--line)}.ppa-tabel td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}.ppa-tabel td small{display:block;color:var(--ink-faint);margin-top:4px}.ppa-tabel tr.ppa-nada-bad td:first-child{box-shadow:inset 3px 0 0 var(--bad)}.ppa-tabel tr.ppa-nada-warn td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.ppa-tabel tr.ppa-nada-info td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.ppa-catatan{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--gold-soft);font-size:13px;color:var(--ink)}.ppa-aksi{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}@media (max-width: 900px){.ppa-bab{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.ppa-bab{grid-template-columns:1fr}}.saudara-chip{font-size:11px;font-weight:800;white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold);cursor:help}.saw-banner{display:flex;align-items:center;gap:12px;margin-top:18px}.saw-grup{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--surface)}.saw-kepala{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.saw-hitung{font-size:12px;font-weight:800;color:var(--gold)}.saw-tabel td,.saw-tabel th{font-size:13px}.saw-sub{display:block;color:var(--ink-faint);font-size:11.5px}.saw-pilih{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.saw-label{font-size:12.5px;font-weight:700;color:var(--ink-muted)}.saw-opsi{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer;font-size:13px}.saw-opsi small{display:block;color:var(--ink-faint);font-size:11.5px}.saw-opsi.aktif{border-color:var(--accent);background:var(--accent-soft)}.saw-opsi input{margin-top:3px;accent-color:var(--accent)}.am-kartu-lebar{grid-column:1 / -1}.akw{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);container-type:inline-size}.akw-kepala{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.akw-kepala-ikon{font-size:26px;line-height:1;flex-shrink:0}.akw-judul{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--ink)}.akw-pengantar{margin:0;font-size:13.5px;color:var(--ink-muted);line-height:1.6;max-width:75ch}.akw-tab{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:14px;background:var(--surface-2);margin-bottom:16px;width:fit-content;max-width:100%}.akw-tab-item{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--ink-muted);padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}.akw-tab-item:hover{color:var(--ink)}.akw-tab-item.aktif{background:var(--surface);color:var(--accent-ink);box-shadow:0 1px 3px #00000014}.akw-tab-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.akw-panel{min-width:0}.akw-hp{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}@container (max-width: 680px){.akw-hp{grid-template-columns:minmax(0,1fr)}.akw-mock{max-width:320px}}.akw-mock{margin:0;border-radius:20px;padding:12px;background:var(--surface-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:9px;font-size:12px;min-width:0}.akw-mock figcaption{text-align:center;color:var(--ink-faint);font-size:11px}.akw-mock-chip{display:flex;gap:6px;flex-wrap:wrap}.akw-mock-chip span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 3px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-weight:800;color:var(--ink-muted)}.akw-mock-chip span.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.akw-mock-chip i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-size:10.5px}.akw-mock-chip b{min-width:16px;height:16px;border-radius:8px;background:var(--bad);color:#fff;font-size:9.5px;display:grid;place-items:center}.akw-mock-tampil{color:var(--ink-faint)}.akw-mock-kartu{border-radius:12px;border:1px solid var(--line);background:var(--surface);overflow:hidden}.akw-mock-judul{padding:8px 10px 5px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent-ink)}.akw-mock-baris{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:7px 10px;border-top:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums}.akw-mock-baris.aktif{background:var(--accent-soft)}.akw-mock-baris .merah{color:var(--bad);font-weight:700}.akw-mock-total{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--ink-muted)}.akw-mock-total strong{color:var(--bad)}.akw-poin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;min-width:0}.akw-poin li{display:flex;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);min-width:0}.akw-poin li>div{min-width:0}.akw-no{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--accent);color:#fff;margin-top:1px}.akw-poin strong{font-size:13.5px;color:var(--ink)}.akw-poin p{margin:3px 0 0;font-size:13px;color:var(--ink-muted);line-height:1.55;overflow-wrap:anywhere}.akw-ket{margin:0 0 12px;font-size:13px;color:var(--ink-muted)}.akw-foto{display:flex;gap:18px;flex-wrap:wrap}.akw-foto figure{margin:0;width:230px;max-width:100%}.akw-foto img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);display:block;box-shadow:0 8px 22px -14px #00000059}.akw-foto figcaption{font-size:12.5px;color:var(--ink-muted);margin-top:8px;line-height:1.5}.akw-catatan{margin:14px 0 0;font-size:12.5px;color:var(--ink-faint)}.apw{display:flex;flex-direction:column;gap:16px}.apw-banding-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.apw-banding{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.apw-banding th,.apw-banding td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.apw-banding tbody tr:last-child th,.apw-banding tbody tr:last-child td{border-bottom:0}.apw-banding thead th{background:var(--surface-2);vertical-align:bottom}.apw-banding tbody th{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;width:1%}.apw-banding td{color:var(--ink)}.apw-banding td.aktif{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.apw-kolom{border:0;background:none;font:inherit;font-size:13.5px;font-weight:800;color:var(--ink);cursor:pointer;padding:0;text-align:left}.apw-kolom.aktif{color:var(--accent-ink)}.apw-kolom:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.apw-status{display:block;margin-top:4px;font-size:11px;font-weight:700}.apw-status.ok{color:var(--accent-ink)}.apw-status.mati{color:var(--bad)}.apw-tab{margin-bottom:0}.apw-panel{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:16px 18px;container-type:inline-size}.apw-panel-kepala{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.apw-ringkas{margin:0;font-size:14px;color:var(--ink-muted);max-width:70ch;line-height:1.55}.apw-langkah{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.apw-langkah li{display:flex;gap:14px;position:relative;padding-bottom:16px}.apw-langkah li:not(:last-child):before{content:"";position:absolute;left:14px;top:32px;bottom:0;width:2px;background:var(--line)}.apw-no{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13.5px;background:var(--accent);color:#fff;position:relative;z-index:1}.apw-l-sistem .apw-no{background:var(--gold)}.apw-l-admin .apw-no{background:var(--ink-muted)}.apw-l-isi{flex:1;min-width:0;padding-top:3px}.apw-l-kepala{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.apw-l-kepala strong{font-size:14.5px;color:var(--ink)}.apw-pelaku{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.apw-p-wali{background:var(--accent-soft);color:var(--accent-ink)}.apw-p-sistem{background:var(--gold-soft);color:var(--gold)}.apw-p-admin{background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--line)}.apw-l-isi p{margin:4px 0 0;font-size:13.5px;color:var(--ink-muted);line-height:1.55;max-width:80ch;overflow-wrap:anywhere}.apw-tempat{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:2px 9px;border-radius:999px}.apw-hasil{padding:10px 14px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-size:13.5px}.apw-catatan{margin:12px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink-muted)}.apw-akhir{margin:0;font-size:13px;color:var(--ink-faint);max-width:85ch}.spo{display:flex;flex-direction:column;gap:16px}.spo-status{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.spo-status>div{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 16px;min-width:0}.spo-status-utama{flex:1 1 320px;display:flex;gap:12px;align-items:center}.spo-status-utama strong{display:block;font-size:14.5px;color:var(--ink)}.spo-status-utama small{display:block;font-size:12.5px;color:var(--ink-muted);margin-top:2px}.spo-status-utama.buka{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.spo-status-utama.tutup{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.spo-lampu{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}.spo-status-utama.buka .spo-lampu{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.spo-kuota{display:flex;gap:18px;align-items:center}.spo-kuota div{display:flex;flex-direction:column}.spo-kuota span,.spo-link span{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}.spo-kuota strong{font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.spo-link{flex:1 1 240px;display:flex;flex-direction:column;justify-content:center;gap:2px}.spo-link a{font-size:13px;font-weight:700;color:var(--accent-ink);overflow-wrap:anywhere}.spo-tahap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:var(--surface-2)}.spo-tahap-sel{display:flex;align-items:center;gap:8px}.spo-pil{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}.spo-pil strong{font-size:14px;font-variant-numeric:tabular-nums}.spo-pil:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spo-gold{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}.spo-gold strong{color:var(--gold)}.spo-biru{border-color:color-mix(in srgb,#3b7bd0 50%,var(--line))}.spo-biru strong{color:#3b7bd0}.spo-hijau{border-color:var(--accent);background:var(--accent-soft)}.spo-hijau strong{color:var(--accent-ink)}.spo-pink{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.spo-pink strong{color:var(--bad)}.spo-panah{color:var(--ink-faint);font-weight:800}.spo-atau{font-size:11.5px;color:var(--ink-faint)}.spo-tahap-ket{flex-basis:100%;font-size:12px;color:var(--ink-faint)}.spo-lanjut{margin-top:12px}.spo-aturan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px}.spo-aturan>div{display:flex;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);min-width:0}.spo-aturan>div>span{font-size:18px;line-height:1.3}.spo-aturan strong{font-size:13.5px;color:var(--ink)}.spo-aturan p{margin:3px 0 0;font-size:12.5px;color:var(--ink-muted);line-height:1.5}.msp-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.msp-daftar li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.msp-daftar li>div{display:flex;flex-direction:column;min-width:0}.msp-daftar strong{font-size:13.5px;color:var(--ink)}.msp-daftar span{font-size:12px;color:var(--ink-muted);overflow-wrap:anywhere}.msp-form{margin-top:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;gap:8px}.msp-kepala{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:13px;font-weight:700;color:var(--ink)}.msp-kepala em{font-style:normal;font-weight:500;color:var(--ink-faint);font-size:12px}.msp-kepala strong{color:var(--gold);font-size:12.5px}.ka-tile{flex:2 1 320px;min-width:0;margin-top:0;border-left:3px solid var(--warna);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ka-tile.aktif{background:var(--accent-soft)}.ka-tile-kepala{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;cursor:pointer;text-align:left;color:var(--ink)}.ka-tile-kepala span:first-child{font-size:17px}.ka-tile-label{font-size:11px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.ka-tile-kepala strong{margin-left:auto;font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.ka-tile-kepala:focus-visible,.ka-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.ka-chip-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:8px}.ka-chip{display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;padding:8px 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;color:var(--ink);min-width:0}.ka-chip:hover{border-color:var(--warna)}.ka-chip.aktif{border-color:var(--warna);background:color-mix(in srgb,var(--warna) 12%,var(--surface))}.ka-chip.kosong{border-style:dashed}.ka-chip-atas{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.ka-chip-atas b{font-size:13px}.ka-chip-atas em{font-style:normal;font-size:11.5px;color:var(--ink-muted);white-space:nowrap}.ka-chip-bar{display:block;width:100%;align-self:stretch;height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}.ka-chip-bar i{display:block;height:100%;border-radius:4px;background:var(--warna)}.ka-chip-isi{font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.ka-segmen{display:flex;align-items:baseline;gap:10px;margin:18px 2px 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}.ka-segmen:first-child{margin-top:4px}.ka-segmen span{font-size:14px;font-weight:800;color:var(--ink)}.ka-segmen em{font-style:normal;font-size:12px;color:var(--ink-faint)}.ka-cepat{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}.ka-cepat-label{font-size:12px;font-weight:700;color:var(--ink-muted);margin-right:2px}.ka-cepat-chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}.ka-cepat-chip b{margin-left:4px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.ka-cepat-chip.aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.ka-cepat-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.asa-cek{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}.asa-cek-item{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;min-width:0}.asa-cek-item:hover{border-color:var(--accent)}.asa-cek-item:focus-visible,.asa-urutan button:focus-visible,.asa-tempat-klik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.asa-cek-tanda{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-2);color:var(--ink-faint)}.asa-cek-item.ok .asa-cek-tanda{background:var(--accent-soft);color:var(--accent-ink)}.asa-cek-item.perlu{border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}.asa-cek-item.perlu .asa-cek-tanda{background:var(--gold-soft);color:var(--gold)}.asa-cek-teks{display:flex;flex-direction:column;min-width:0}.asa-cek-teks small{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.asa-cek-teks strong{font-size:13px;overflow-wrap:anywhere}.asa-urutan{padding:12px 14px;border-radius:16px;background:var(--surface-2)}.asa-urutan-judul{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--ink-muted)}.asa-urutan ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;counter-reset:none}.asa-urutan button{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer}.asa-urutan button:hover{border-color:var(--accent)}.asa-no{font-size:11px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:1px 8px}.asa-nama{font-size:13.5px;font-weight:800}.asa-urutan small{font-size:11.5px;color:var(--ink-faint);line-height:1.35}.asa-tempat-klik{border:0;cursor:pointer;font:inherit;font-size:11.5px;font-weight:700}@media (min-width: 720px){.asa-cek{grid-template-columns:repeat(3,minmax(0,1fr))}.asa-urutan ol{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 420px) and (max-width: 719px){.asa-cek,.asa-urutan ol{grid-template-columns:repeat(2,minmax(0,1fr))}}.apw-p-guru{background:color-mix(in srgb,#3b7bd0 14%,var(--surface));color:#2f68b3}.apw-l-guru .apw-no{background:#3b7bd0}.apw-l-wali .apw-no{background:var(--accent)}@media (min-width: 720px){.asa-urutan ol.ada-urutan{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.asa-urutan ol.ada-urutan{grid-template-columns:repeat(8,minmax(0,1fr))}}.if-alat{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;margin-top:22px}.if-saring{display:flex;flex-wrap:wrap;gap:6px}.if-chip{--w: var(--accent);display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-muted);cursor:pointer;transition:all .18s ease}.if-chip b{font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted);font-variant-numeric:tabular-nums}.if-chip-wali{--w: var(--gold)}.if-chip-internal{--w: #4f6fa8}.if-chip:hover{border-color:var(--w);color:var(--ink);transform:translateY(-1px)}.if-chip.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--w),color-mix(in srgb,var(--w) 70%,#000));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--w) 70%,transparent)}.if-chip.aktif b{background:#ffffff38;color:#fff}.if-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.if-alat-kanan{display:flex;gap:8px;align-items:center}.if-cari{width:230px;max-width:100%;border-radius:999px}.if-jumlah{grid-column:1 / -1;font-size:12.5px;color:var(--ink-muted)}.if-jumlah strong{color:var(--ink)}.if-lipat{--w: var(--accent);--w2: #2b9a76;position:relative;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--w) 18%,var(--line));border-radius:18px;background:var(--surface);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.if-lipat.if-wali{--w: var(--gold);--w2: #d9a441}.if-lipat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--w2),var(--w))}.if-lipat+.if-lipat{margin-top:0}.if-lipat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--w) 45%,var(--line));box-shadow:0 14px 30px -16px color-mix(in srgb,var(--w) 55%,transparent)}.if-lipat.terbuka{background:linear-gradient(135deg,color-mix(in srgb,var(--w) 7%,var(--surface)) 0%,var(--surface) 55%);border-color:color-mix(in srgb,var(--w) 40%,var(--line));box-shadow:0 16px 34px -18px color-mix(in srgb,var(--w) 60%,transparent)}.if-kepala{display:flex;align-items:center;gap:8px;padding:12px 14px 12px 4px}.if-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:2px 4px 2px 16px;border:0;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.if-toggle:focus-visible{outline:2px solid var(--w);outline-offset:3px;border-radius:12px}.if-tanggal{flex-shrink:0;width:56px;padding:6px 0 5px;border-radius:14px;display:flex;flex-direction:column;align-items:center;line-height:1.05;color:#fff;background:linear-gradient(150deg,var(--w2),var(--w) 60%,color-mix(in srgb,var(--w) 70%,#000));box-shadow:0 8px 18px -8px color-mix(in srgb,var(--w) 75%,transparent),inset 0 1px #ffffff59}.if-tanggal b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.if-tanggal small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.if-tanggal i{font-style:normal;font-size:9.5px;opacity:.85;margin-top:1px}.if-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.if-judul-baris{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.if-judul-baris strong{font-size:15px;font-weight:750;letter-spacing:-.005em;overflow-wrap:anywhere}.if-lencana{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.if-lencana.wali{color:color-mix(in srgb,var(--gold) 80%,#000);background:color-mix(in srgb,var(--gold) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.if-lencana.internal{color:#3f5f99;background:color-mix(in srgb,#4f6fa8 12%,var(--surface));border:1px solid color-mix(in srgb,#4f6fa8 30%,transparent)}.if-lencana.gambar{color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line)}.if-teks small{font-size:12px;color:var(--ink-faint)}.if-cuplikan{font-size:13px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.if-chevron{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-faint);background:var(--surface-2);transition:transform .25s ease,background .2s ease,color .2s ease}.if-lipat:hover .if-chevron{color:var(--w)}.if-lipat.terbuka .if-chevron{transform:rotate(90deg);color:#fff;background:linear-gradient(135deg,var(--w2),var(--w))}.if-aksi{flex-shrink:0;display:flex;gap:6px;opacity:.75;transition:opacity .2s ease}.if-lipat:hover .if-aksi,.if-lipat:focus-within .if-aksi{opacity:1}.if-isi{display:flex;gap:18px;align-items:flex-start;margin:0 16px 16px 90px;padding-top:14px;border-top:1px dashed color-mix(in srgb,var(--w) 30%,var(--line));animation:if-muncul .25s ease}.if-isi img{width:180px;max-width:40vw;border-radius:14px;object-fit:cover;display:block;box-shadow:0 10px 22px -12px #00000059}.if-isi p{flex:1;min-width:0;margin:0;font-size:13.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85ch;color:var(--ink)}.if-kosong{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:1.5px dashed var(--line);border-radius:18px;color:var(--ink-muted);text-align:center}.if-kosong span{font-size:26px}.if-kosong p{margin:0;font-size:13.5px}@keyframes if-muncul{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.if-lipat,.if-chip,.if-chevron,.if-aksi{transition:none}.if-isi{animation:none}.if-lipat:hover{transform:none}}@media (max-width: 700px){.if-alat{grid-template-columns:1fr}.if-alat-kanan{flex-wrap:wrap}.if-cari{flex:1;width:auto}}@media (max-width: 600px){.if-isi{flex-direction:column;margin-left:16px}.if-isi img{width:100%;max-width:100%}.if-tanggal{width:46px}.if-tanggal b{font-size:17px}.if-kepala{flex-wrap:wrap;padding:10px 10px 8px 0;row-gap:6px}.if-toggle{flex-basis:100%;gap:10px;padding-left:14px}.if-aksi{margin-left:auto;opacity:1}.if-chevron{width:26px;height:26px}.if-cuplikan{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.spx-t-netral{--w: color-mix(in srgb, var(--accent) 65%, var(--ink));--w2: color-mix(in srgb, var(--accent) 80%, var(--surface))}.spx-t-gold{--w: var(--gold);--w2: #d9a441}.spx-t-biru{--w: var(--smp-hue);--w2: #79a6ec}.spx-t-hijau{--w: var(--ijazah-terbit-hue);--w2: color-mix(in srgb, var(--ijazah-terbit-hue) 60%, #fff)}.spx-t-pink{--w: var(--ijazah-batal-hue);--w2: color-mix(in srgb, var(--ijazah-batal-hue) 60%, #fff)}.spx-panel{border-radius:22px;padding:18px 20px 20px;background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 6%,var(--surface)) 0%,var(--surface) 45%);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:var(--shadow)}.spx-panel-kepala{display:flex;align-items:center;gap:12px;margin-bottom:14px}.spx-panel-ikon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#d9a441,var(--gold));box-shadow:0 8px 18px -8px color-mix(in srgb,var(--gold) 80%,transparent)}.spx-panel-kepala h3{margin:0;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.spx-panel-kepala p{margin:2px 0 0;font-size:12.5px;color:var(--ink-muted)}.spx-alur{display:grid;grid-template-columns:minmax(130px,.8fr) 5fr;gap:12px;align-items:stretch}.spx-alur-jalur{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 34px 1fr;align-items:stretch;gap:0}.spx-tahap{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:12px 14px;border-radius:16px;text-align:left;font:inherit;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--w) 30%,var(--line));transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;overflow:hidden}.spx-tahap:after{content:"";position:absolute;right:-24px;top:-24px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--w) 18%,transparent),transparent 70%);pointer-events:none}.spx-tahap:hover{transform:translateY(-3px);border-color:var(--w);box-shadow:0 14px 28px -16px color-mix(in srgb,var(--w) 70%,transparent)}.spx-tahap:focus-visible{outline:2px solid var(--w);outline-offset:3px}.spx-tahap-atas{display:flex;width:100%;justify-content:space-between;align-items:center}.spx-tahap-ikon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:color-mix(in srgb,var(--w) 14%,var(--surface))}.spx-tahap-ket{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--w)}.spx-tahap-angka{font-size:28px;font-weight:800;line-height:1.05;margin-top:6px;font-variant-numeric:tabular-nums;color:var(--w)}.spx-tahap-label{font-size:13px;font-weight:700;color:var(--ink)}.spx-tahap-bar{width:100%;height:5px;border-radius:999px;background:color-mix(in srgb,var(--w) 12%,var(--surface-2));overflow:hidden;margin-top:6px}.spx-tahap-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--w2),var(--w));transition:width .6s ease}.spx-tahap-persen{font-size:11px;color:var(--ink-faint)}.spx-tahap.aktif{color:#fff;border-color:transparent;background:linear-gradient(145deg,var(--w2),var(--w) 55%,color-mix(in srgb,var(--w) 75%,#000));box-shadow:0 16px 30px -14px color-mix(in srgb,var(--w) 85%,transparent)}.spx-tahap.aktif .spx-tahap-angka,.spx-tahap.aktif .spx-tahap-label,.spx-tahap.aktif .spx-tahap-ket{color:#fff}.spx-tahap.aktif .spx-tahap-persen{color:#ffffffd9}.spx-tahap.aktif .spx-tahap-ikon{background:#ffffff38}.spx-tahap.aktif .spx-tahap-bar{background:#ffffff40}.spx-tahap.aktif .spx-tahap-bar i{background:#fff}.spx-tahap.aktif:after{background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}.spx-panah{align-self:center;justify-self:center;width:14px;height:14px;border-top:2.5px solid color-mix(in srgb,var(--gold) 60%,var(--line));border-right:2.5px solid color-mix(in srgb,var(--gold) 60%,var(--line));transform:rotate(45deg)}.spx-atau{align-self:center;justify-self:center;font-size:11px;font-weight:700;color:var(--ink-faint)}.spx-saring{border-radius:20px;padding:14px 18px;box-shadow:var(--shadow);border:1px solid var(--line)}.spx-saring-judul{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}.spx-saring .input{border-radius:12px}.spx-info-saring{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--ink-muted)}.spx-info-saring strong{color:var(--ink)}.spx-label-tab{font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--w2),var(--w))}.spx-kosong{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:34px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--gold) 35%,var(--line));background:radial-gradient(ellipse at top,color-mix(in srgb,var(--gold) 8%,var(--surface)),var(--surface) 70%)}.spx-kosong-ikon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;background:var(--surface);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--gold) 70%,transparent);margin-bottom:4px}.spx-kosong strong{font-size:15px;color:var(--ink)}.spx-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted);max-width:52ch}.spx-n-gold{--w: var(--gold);--w2: #d9a441}.spx-n-biru{--w: var(--smp-hue);--w2: #79a6ec}.spx-n-hijau{--w: #1f9a5b;--w2: #4cc58a}.spx-lipat{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;cursor:pointer;padding:2px 0;border-radius:14px}.spx-lipat.terbuka{margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed color-mix(in srgb,var(--w) 30%,var(--line));border-radius:0}.spx-lipat:focus-visible{outline:2px solid var(--w);outline-offset:4px}.spx-lipat-ikon{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--w2) 30%,var(--surface)),color-mix(in srgb,var(--w) 22%,var(--surface)));border:1px solid color-mix(in srgb,var(--w) 25%,transparent);transition:transform .2s ease}.spx-lipat:hover .spx-lipat-ikon{transform:scale(1.06) rotate(-3deg)}.spx-lipat-judul{flex:1;min-width:0;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--w)}.spx-lipat-ringkas{flex-shrink:0;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;color:var(--w);background:color-mix(in srgb,var(--w) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--w) 25%,transparent);max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spx-lipat-panah{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--w);background:color-mix(in srgb,var(--w) 10%,var(--surface));transition:transform .25s ease,background .2s ease,color .2s ease}.spx-lipat.terbuka .spx-lipat-panah{transform:rotate(90deg);color:#fff;background:linear-gradient(135deg,var(--w2),var(--w))}.ka-panel:has(>.spx-lipat){transition:box-shadow .2s ease,border-color .2s ease}.ka-panel:has(>.spx-lipat:hover){box-shadow:0 14px 30px -18px #00000059}.ppdb-card{transition:transform .2s ease,box-shadow .2s ease}.ppdb-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px #0006}@media (max-width: 1100px){.spx-alur{grid-template-columns:1fr}}@media (max-width: 760px){.spx-alur-jalur{grid-template-columns:1fr 1fr;gap:10px}.spx-panah,.spx-atau,.spx-lipat-ringkas{display:none}}@media (prefers-reduced-motion: reduce){.spx-tahap,.spx-lipat-ikon,.spx-lipat-panah,.ppdb-card{transition:none}.spx-tahap:hover,.ppdb-card:hover{transform:none}}.spr{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:0;padding:14px 6px;border-radius:20px;box-shadow:var(--shadow)}.spr>*{padding:0 18px;min-width:0}.spr>*+*{border-left:1px solid var(--line)}.spr-total{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;padding:4px 22px 4px 18px;border-radius:14px}.spr-total strong{font-size:34px;font-weight:800;line-height:1;color:var(--accent-ink);font-variant-numeric:tabular-nums}.spr-total span{font-size:12px;font-weight:700;color:var(--ink-muted);margin-top:4px;white-space:nowrap}.spr-total:not(.aktif) strong{color:var(--ink)}.spr-total:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spr-grup{display:flex;flex-direction:column;gap:7px}.spr-grup-judul{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.spr-bar{display:flex;gap:3px;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.spr-bar i{display:block;height:100%;min-width:6px;border-radius:999px;background:linear-gradient(90deg,var(--c2),var(--c));transition:opacity .2s ease,flex-grow .5s ease}.spr-bar i.redup{opacity:.25}.spr-bar i.spr-kosong{flex:1;background:var(--surface-2)}.spr-smp{--c: var(--smp-hue);--c2: color-mix(in srgb, var(--smp-hue) 55%, #fff)}.spr-sma{--c: #6b46c1;--c2: #a08ae0}.spr-publik{--c: var(--gold);--c2: #e2b45a}.spr-staf{--c: color-mix(in srgb, var(--accent) 70%, var(--ink));--c2: color-mix(in srgb, var(--accent) 45%, var(--surface))}.spr-legenda{display:flex;flex-wrap:wrap;gap:6px}.spr-leg{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.spr-leg:hover{border-color:var(--c)}.spr-leg.aktif{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface));box-shadow:inset 0 0 0 1px var(--c)}.spr-leg:focus-visible{outline:2px solid var(--c);outline-offset:2px}.spr-titik{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--c2),var(--c))}.spr-leg b{font-weight:800;font-variant-numeric:tabular-nums}.spr-leg em{font-style:normal;font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}@media (max-width: 900px){.spr{grid-template-columns:1fr 1fr;row-gap:14px}.spr-total{grid-column:1 / -1;flex-direction:row;align-items:baseline;gap:10px}.spr>.spr-grup:first-of-type{border-left:0}}@media (max-width: 560px){.spr{grid-template-columns:1fr}.spr>*+*{border-left:0;border-top:1px solid var(--line);padding-top:12px}}@media (prefers-reduced-motion: reduce){.spr-bar i{transition:none}}.st-mewah{border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));background:var(--surface);overflow:hidden}.st-mewah .data-table thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),color-mix(in srgb,var(--gold) 4%,var(--surface)));border-bottom:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));padding-top:14px;padding-bottom:14px}.st-mewah .data-table tbody td{padding-top:12px;padding-bottom:12px;vertical-align:middle}.st-mewah .data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.st-mewah tr.row-hover-gradasi{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.st-mewah .kt-nomor{font-variant-numeric:tabular-nums;letter-spacing:.02em}.st-mewah tbody tr:hover .kt-nomor{background:color-mix(in srgb,var(--rk, var(--accent)) 14%,var(--surface));color:var(--ink)}.st-wali{display:flex;align-items:center;gap:12px;min-width:210px}.st-wali-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.st-wali-nama{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.st-wali-hp{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.st-wali-teks .saudara-chip{align-self:flex-start;margin-top:2px}.st-wali-wa{flex-shrink:0;margin-left:auto;width:32px;display:flex;justify-content:center}.st-wali-wa .kwa-wa{box-shadow:0 4px 12px -4px #25d3668c;background:linear-gradient(145deg,#3be37c,#1fae55)}.st-wali-wa .kwa-wa:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 18px -6px #25d366b3}.st-wali-kosong{color:var(--ink-faint)}.st-akun{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--line);background:var(--surface);color:var(--ink-faint)}.st-akun i{width:7px;height:7px;border-radius:50%;background:var(--line)}.st-akun.ada{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.st-akun.ada i{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}@media (prefers-reduced-motion: reduce){.st-wali-wa .kwa-wa:hover{transform:none}}.snp-aktif{--c: var(--accent);--c2: #34b083}.snp-lulus{--c: var(--gold);--c2: #e2b45a}.snp-pindah{--c: #c7772a;--c2: #eba45f}.snp-keluar{--c: var(--bad);--c2: color-mix(in srgb, var(--bad) 55%, #fff)}.snp-nonaktif{--c: color-mix(in srgb, var(--ink-faint) 85%, var(--ink));--c2: color-mix(in srgb, var(--ink-faint) 55%, var(--surface))}.snp{padding:0;overflow:hidden;border-radius:22px;border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));box-shadow:0 18px 40px -28px #0d4a3873,var(--shadow);background:var(--surface)}.snp-atas{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:18px 22px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--accent) 9%,var(--surface)) 0%,var(--surface) 48%),linear-gradient(90deg,transparent 60%,color-mix(in srgb,var(--gold) 6%,var(--surface)))}.snp-total{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border-radius:18px;border:1.5px solid transparent;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.snp-total:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.snp-total.aktif{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 10px 22px -16px color-mix(in srgb,var(--accent) 80%,transparent)}.snp-total:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.snp-total-ikon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#2fa57c,var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,#000));box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 85%,transparent),inset 0 1px #ffffff4d}.snp-total-teks{display:flex;flex-direction:column}.snp-total-teks strong{font-family:var(--serif);font-size:36px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.snp-total-teks small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.snp-distribusi{display:flex;flex-direction:column;gap:10px;min-width:0}.snp-bar{display:flex;gap:3px;height:12px;border-radius:999px;overflow:hidden;background:var(--surface-2);box-shadow:inset 0 1px 2px #0000000f}.snp-bar i{display:block;min-width:6px;border-radius:999px;background:linear-gradient(90deg,var(--c2),var(--c));transition:opacity .25s ease,flex-grow .5s ease}.snp-bar i.redup{opacity:.22}.snp-pil-baris{display:flex;flex-wrap:wrap;gap:8px}.snp-pil{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 28%,var(--line));background:var(--surface);font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.snp-pil b{font-weight:800;color:var(--c);font-variant-numeric:tabular-nums}.snp-pil em{font-style:normal;font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.snp-pil:hover:not(:disabled){transform:translateY(-1px);border-color:var(--c);box-shadow:0 8px 16px -12px color-mix(in srgb,var(--c) 80%,transparent)}.snp-pil.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--c2),var(--c) 70%);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--c) 85%,transparent)}.snp-pil.aktif b,.snp-pil.aktif em{color:#fff}.snp-pil:disabled{opacity:.45;cursor:default}.snp-pil:focus-visible{outline:2px solid var(--c);outline-offset:2px}.snp-bawah{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.snp-cari,.snp-pilih{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.snp-cari{flex:1 1 280px;min-width:0}.snp-cari:focus-within,.snp-pilih:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.snp-cari input,.snp-pilih select{border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;color:var(--ink);min-width:0}.snp-cari input{flex:1}.snp-pilih select{cursor:pointer;padding-right:4px}.snp-reset{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-muted);cursor:pointer;transition:all .15s ease}.snp-reset:hover:not(:disabled){color:var(--accent-ink);border-color:var(--accent)}.snp-reset:disabled{opacity:.45;cursor:default}.snp-jumlah{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted)}.snp-jumlah strong{color:var(--ink);font-variant-numeric:tabular-nums}.snp-tag{font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--c2),var(--c))}@media (max-width: 820px){.snp-atas{grid-template-columns:1fr;gap:14px}.snp-jumlah{margin-left:0;width:100%}}@media (max-width: 480px){.snp-atas,.snp-bawah{padding-left:14px;padding-right:14px}.snp-pilih,.snp-reset{flex:1 1 auto}.snp-pil em{display:none}}@media (prefers-reduced-motion: reduce){.snp-pil,.snp-bar i,.snp-total{transition:none}.snp-pil:hover:not(:disabled){transform:none}}.snp-tidaktetap{--c: #3f74c4;--c2: #7fa8ea}.snp-adm{--c: #7a5bb5;--c2: #ad95dd}.snp-atas.snp-dua{grid-template-columns:auto minmax(280px,.9fr) minmax(0,1.7fr)}.snp-atas.snp-dua .snp-distribusi+.snp-distribusi{padding-left:22px;border-left:1px solid color-mix(in srgb,var(--gold) 18%,var(--line))}.snp-grup-judul{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}@media (max-width: 1100px){.snp-atas.snp-dua{grid-template-columns:auto 1fr}.snp-atas.snp-dua .snp-distribusi:last-child{grid-column:1 / -1;padding-left:0;border-left:0}}@media (max-width: 820px){.snp-atas.snp-dua{grid-template-columns:1fr}.snp-atas.snp-dua .snp-distribusi+.snp-distribusi{padding-left:0;border-left:0}}.snp-picker{flex:1 1 190px;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.snp-picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.snp-picker .combobox{flex:1;min-width:0}.snp-picker .combobox>.input{border:0;background:transparent;box-shadow:none;height:36px;padding:0 6px;font-size:13.5px}.snp-picker .combobox>.input:focus{outline:0;box-shadow:none}.snp-bawah-kisi .snp-pilih{flex:0 1 220px}.snp{overflow:visible}.snp-atas{border-radius:22px 22px 0 0}.snp-bawah{border-radius:0 0 22px 22px}.snp-picker .combobox-list{z-index:30}.snp-total-ket{font-size:11px;color:var(--accent-ink);font-weight:700;margin-top:2px}.snp-grup-tombol{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:2px 10px 2px 4px;margin-left:-4px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);transition:background .15s ease,color .15s ease}.snp-grup-tombol b{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink-faint)}.snp-grup-tombol:hover{background:var(--surface-2);color:var(--ink)}.snp-grup-tombol.aktif{color:#fff;background:linear-gradient(135deg,#34b083,var(--accent));padding-left:10px;margin-left:0}.snp-grup-tombol.aktif b{color:#ffffffd9}.snp-grup-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width: 1101px){.snp-atas.snp-dua.snp-seimbang{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}}.kb-kartu-isi{display:flex;gap:14px;align-items:stretch}.kb-kartu-teks{flex:1;min-width:0;display:flex;flex-direction:column}.kb-kartu-teks .row-actions{margin-top:auto!important;padding-top:10px}.kb-sampul{position:relative;flex-shrink:0;width:78px;height:108px;align-self:center;border-radius:6px 12px 12px 6px;overflow:hidden;cursor:default;box-shadow:-3px 0 color-mix(in srgb,var(--spine, var(--accent)) 70%,#000) inset,0 10px 20px -10px #00000073;transform:perspective(500px) rotateY(-6deg);transition:transform .25s ease,box-shadow .25s ease}.kb-kartu:hover .kb-sampul{transform:perspective(500px) rotateY(0) translateY(-2px);box-shadow:-3px 0 color-mix(in srgb,var(--spine, var(--accent)) 70%,#000) inset,0 16px 28px -12px #00000080}.kb-sampul a,.kb-sampul img{display:block;width:100%;height:100%}.kb-sampul img{object-fit:cover}.kb-sampul:after{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(90deg,#00000047,#ffffff1f);pointer-events:none}.kb-sampul-polos{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:linear-gradient(155deg,color-mix(in srgb,var(--spine, var(--accent)) 70%,#fff),var(--spine, var(--accent)) 55%,color-mix(in srgb,var(--spine, var(--accent)) 70%,#000))}.kb-sampul-polos span{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.kb-sampul-polos i{font-style:normal;font-size:16px;opacity:.85}.kb-sampul-aksi{position:absolute;inset:auto 4px 4px 4px;display:flex;justify-content:center;gap:4px;opacity:0;transition:opacity .2s ease}.kb-sampul:not(.ada) .kb-sampul-aksi{opacity:.9}.kb-kartu:hover .kb-sampul-aksi,.kb-sampul:focus-within .kb-sampul-aksi,.kb-sampul.sibuk .kb-sampul-aksi{opacity:1}.kb-sampul-tombol{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;cursor:pointer;border:0;background:#ffffffeb;color:var(--ink);box-shadow:0 3px 8px #00000040}.kb-sampul-tombol:hover{transform:scale(1.08)}.kb-sampul-tombol.hapus{color:var(--bad);font-weight:800}.kb-sampul-tombol:focus-within,.kb-sampul-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kb-unggah{display:flex;gap:14px;align-items:center}.kb-unggah-kotak{flex-shrink:0;width:64px;height:88px;border-radius:6px 10px 10px 6px;border:1.5px dashed var(--line);display:grid;place-items:center;overflow:hidden;cursor:pointer;background:var(--surface-2);font-size:22px}.kb-unggah-kotak img{width:100%;height:100%;object-fit:cover}.kb-unggah-teks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.kb-unggah-teks small{flex-basis:100%;font-size:12px;color:var(--ink-faint);overflow-wrap:anywhere}.kb-unggah-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.kb-unggah-teks label.btn{cursor:pointer}.kb-buku-foto{width:44px;height:60px;object-fit:cover;border-radius:4px 8px 8px 4px;flex-shrink:0;box-shadow:0 6px 14px -6px #00000073}@media (prefers-reduced-motion: reduce){.kb-sampul,.kb-kartu:hover .kb-sampul{transform:none;transition:none}}.kb-sampul-tombol{width:30px;height:30px;font-size:15px}.kb-sampul-polos{padding-bottom:26px}.kb-unggah-teks label.btn{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:700;color:var(--ink);margin:0}.kkx-seg-pindah{--c: var(--accent);--c2: #34b083}.kkx-seg-lulus{--c: var(--gold);--c2: #e2b45a}.kkx-seg-tinggal{--c: var(--sma-hue);--c2: color-mix(in srgb, var(--sma-hue) 55%, #fff)}.kkx-seg-lewati{--c: color-mix(in srgb, var(--ink-faint) 85%, var(--ink));--c2: color-mix(in srgb, var(--ink-faint) 50%, var(--surface))}.snp-bar i.kkx-seg-pindah,.snp-bar i.kkx-seg-lulus,.snp-bar i.kkx-seg-tinggal,.snp-bar i.kkx-seg-lewati{background:linear-gradient(90deg,var(--c2),var(--c))}.kkx-stepper{list-style:none;margin:22px 0 0;padding:14px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:20px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:var(--shadow)}.kkx-stepper li{position:relative;display:flex;align-items:center;gap:12px;padding:4px 14px;min-width:0}.kkx-stepper li+li:before{content:"";position:absolute;left:-22px;top:50%;width:44px;height:3px;border-radius:3px;background:var(--line);transform:translateY(-50%)}.kkx-stepper li.selesai+li:before{background:linear-gradient(90deg,var(--accent),#34b083)}.kkx-step-no{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--ink-faint);background:var(--surface-2);border:1.5px solid var(--line);transition:all .25s ease}.kkx-stepper li.aktif .kkx-step-no{color:#fff;border-color:transparent;background:linear-gradient(140deg,#e2b45a,var(--gold));box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 18%,transparent),0 8px 18px -8px color-mix(in srgb,var(--gold) 80%,transparent)}.kkx-stepper li.selesai .kkx-step-no{color:#fff;border-color:transparent;background:linear-gradient(140deg,#34b083,var(--accent));box-shadow:0 8px 18px -10px color-mix(in srgb,var(--accent) 80%,transparent)}.kkx-step-teks{display:flex;flex-direction:column;min-width:0}.kkx-step-teks strong{font-size:13.5px;color:var(--ink)}.kkx-step-teks small{font-size:11.5px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kkx-stepper li.aktif .kkx-step-teks small{color:var(--gold);font-weight:700}.kkx-panel{border-radius:22px;padding:18px 22px 22px;border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:var(--shadow)}.kkx-judul{display:flex;align-items:flex-start;gap:12px;margin:26px 0 12px}.kkx-panel .kkx-judul{margin-top:0}.kkx-no{flex-shrink:0;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(140deg,#e2b45a,var(--gold));box-shadow:0 8px 16px -8px color-mix(in srgb,var(--gold) 80%,transparent)}.kkx-judul.selesai .kkx-no{background:linear-gradient(140deg,#34b083,var(--accent));box-shadow:0 8px 16px -8px color-mix(in srgb,var(--accent) 80%,transparent)}.kkx-judul h2{margin:2px 0 0;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.kkx-judul p{margin:3px 0 0;font-size:12.5px;color:var(--ink-muted);max-width:80ch}.kkx-jembatan{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch;gap:0;margin-top:6px}.kkx-ta{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;border:1.5px dashed var(--line);background:color-mix(in srgb,var(--surface-2) 50%,var(--surface));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.kkx-ta label{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);display:flex;gap:6px;align-items:center}.kkx-ta .input{border-radius:12px;font-size:15px;font-weight:700}.kkx-ta.terisi{border-style:solid}.kkx-ta-sumber.terisi{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 9%,var(--surface)),var(--surface) 70%);box-shadow:0 10px 22px -18px color-mix(in srgb,var(--gold) 80%,transparent)}.kkx-ta-tujuan.terisi{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),var(--surface) 70%);box-shadow:0 10px 22px -18px color-mix(in srgb,var(--accent) 80%,transparent)}.kkx-panah{align-self:center;justify-self:center;position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--accent));box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.kkx-panah i{width:12px;height:12px;border-top:3px solid #fff;border-right:3px solid #fff;transform:translate(-2px) rotate(45deg)}.kkx-ringkas{margin-top:0}.kkx-ringkas .snp-atas{border-radius:22px}.kkx-pil{cursor:default}.kkx-pil em{white-space:nowrap}.kkx-jenjang{margin-top:6px}.kkx-aksi{display:inline-flex;gap:0;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.kkx-aksi-btn{border:0;background:transparent;padding:5px 11px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.kkx-aksi-btn:hover:not(.aktif){color:var(--ink);background:var(--surface)}.kkx-aksi-btn.aktif{color:#fff;background:linear-gradient(135deg,var(--c2),var(--c));box-shadow:0 6px 14px -8px color-mix(in srgb,var(--c) 85%,transparent)}.kkx-aksi-btn:focus-visible{outline:2px solid var(--c);outline-offset:2px}.kkx-jalankan{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;border-radius:20px;border:1.5px solid var(--line);box-shadow:var(--shadow)}.kkx-jalankan.siap{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 60%)}.kkx-jalankan.belum{border-color:color-mix(in srgb,var(--bad) 35%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--bad) 5%,var(--surface)),var(--surface) 60%)}.kkx-jalankan-ikon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--surface);box-shadow:0 8px 18px -12px #00000059}.kkx-cta{padding:11px 22px;border-radius:14px;font-size:14px;background:linear-gradient(135deg,#34b083,var(--accent) 60%,color-mix(in srgb,var(--accent) 75%,#000));box-shadow:0 12px 24px -12px color-mix(in srgb,var(--accent) 85%,transparent)}.kkx-cta:disabled{background:var(--surface-2);color:var(--ink-faint);box-shadow:none}@media (max-width: 760px){.kkx-stepper{grid-template-columns:1fr;gap:8px}.kkx-stepper li+li:before{display:none}.kkx-jembatan{grid-template-columns:1fr;gap:10px}.kkx-panah{transform:rotate(90deg)}}@media (prefers-reduced-motion: reduce){.kkx-step-no,.kkx-ta,.kkx-aksi-btn{transition:none}}.tax-angka button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;padding:8px 10px;margin:-8px -4px;border-radius:12px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.tax-angka button:hover:not(:disabled){background:#ffffff1f;transform:translateY(-2px);box-shadow:0 10px 20px -14px #0009}.tax-angka button:focus-visible{outline:2px solid #ffd98a;outline-offset:2px}.tax-angka button span{transition:color .18s ease}.tax-angka button:hover:not(:disabled) span{color:#ffe3a3}.tax-angka button:disabled{cursor:default}.tax-titik{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid var(--line);background:var(--surface)}.tax-titik.tax-berjalan{border-color:transparent;background:linear-gradient(140deg,#34b083,var(--accent));box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent);animation:tax-denyut 2.4s ease-in-out infinite}.tax-titik.tax-akan{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 20%,var(--surface))}.tax-titik.tax-selesai{border-color:color-mix(in srgb,var(--ink-faint) 60%,var(--line));background:color-mix(in srgb,var(--ink-faint) 25%,var(--surface))}.tax-garis{width:2px;flex:1;margin-top:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 40%,var(--line)),var(--line))}@keyframes tax-denyut{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 8%,transparent)}}.tax-kartu{border-radius:18px;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tax-kartu:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px #0d4a388c;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.tax-kartu.tax-aktif{border:1.5px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--gold) 6%,var(--surface)) 100%);box-shadow:0 18px 34px -24px color-mix(in srgb,var(--accent) 80%,transparent)}.tax-kartu.tax-selesai:not(.tax-aktif){background:color-mix(in srgb,var(--surface-2) 35%,var(--surface))}.tax-nama{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink);letter-spacing:.01em}.tax-lencana{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.tax-l-aktif{color:#fff;background:linear-gradient(135deg,#34b083,var(--accent));box-shadow:0 6px 12px -8px color-mix(in srgb,var(--accent) 90%,transparent)}.tax-l-berjalan{color:var(--accent-ink);background:var(--accent-soft)}.tax-l-akan{color:color-mix(in srgb,var(--gold) 80%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.tax-l-selesai,.tax-l-tanpa{color:var(--ink-muted);background:var(--surface-2)}.tax-tanggal{font-size:12.5px;color:var(--ink-muted);margin-top:4px}.tax-kemajuan{display:flex;align-items:center;gap:10px;margin-top:8px;max-width:420px}.tax-kemajuan span{flex:1;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.tax-kemajuan i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e2b45a,var(--gold))}.tax-kemajuan em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--gold);white-space:nowrap}.tax-chip-baris{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tax-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;color:var(--ink-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.tax-chip b{color:var(--ink);font-variant-numeric:tabular-nums}.tax-chip span{color:var(--ink-faint);transition:transform .15s ease}.tax-chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 7%,var(--surface));transform:translateY(-1px)}.tax-chip:hover:not(:disabled) span{transform:translate(2px);color:var(--accent-ink)}.tax-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tax-chip:disabled{cursor:default}.snp-tag-lepas{border:0;cursor:pointer;font:inherit;font-size:11px;font-weight:800}@media (prefers-reduced-motion: reduce){.tax-titik.tax-berjalan{animation:none}.tax-kartu,.tax-chip,.tax-angka button{transition:none}.tax-kartu:hover{transform:none}}.alx-grup{margin-top:24px}.alx-pita{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;margin-bottom:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--gold) 14%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--accent) 7%,var(--surface)) 100%);box-shadow:0 12px 26px -22px color-mix(in srgb,var(--gold) 90%,transparent)}.alx-pita-kosong{border-style:dashed;border-color:var(--line);background:var(--surface-2);box-shadow:none}.alx-pita-ikon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(140deg,#e8c46f,var(--gold));box-shadow:0 8px 16px -10px var(--gold);flex-shrink:0}.alx-pita-kosong .alx-pita-ikon{background:var(--surface);box-shadow:none;filter:grayscale(.6)}.alx-pita-teks{display:flex;flex-direction:column;line-height:1.15}.alx-pita-teks small{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 75%,var(--ink-muted))}.alx-pita-teks strong{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink)}.alx-pita-angka{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alx-pita-angka>span{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--ink-muted);white-space:nowrap}.alx-pita-angka b{color:var(--ink);font-variant-numeric:tabular-nums}.alx-pita-ijazah i{display:inline-block;width:46px;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-left:3px}.alx-pita-ijazah u{display:block;height:100%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent))}.alx-kisi>.card{margin-top:0}.alx-kisi{align-items:stretch;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.alx-kartu{--alx: var(--gold);position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 12px;margin:0;border-radius:18px;overflow:hidden;border-left-width:1px}.alx-kartu.alx-terbit{--alx: var(--ijazah-terbit-hue)}.alx-kartu.alx-batal{--alx: var(--ijazah-batal-hue)}.alx-kartu:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--alx),color-mix(in srgb,var(--alx) 30%,transparent))}.alx-kartu:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--alx) 14%,transparent),transparent 70%);pointer-events:none}.alx-kartu:hover{transform:translateY(-3px)}.alx-kartu:focus-visible{outline:2px solid var(--alx);outline-offset:2px}.alx-atas{display:flex;align-items:center;gap:12px;min-width:0}.alx-foto{border-radius:50%;padding:2px;background:conic-gradient(from 210deg,var(--alx),color-mix(in srgb,var(--alx) 25%,transparent),var(--alx));flex-shrink:0;display:inline-flex}.alx-foto>*{border:2px solid var(--surface)!important}.alx-id{min-width:0;flex:1}.alx-nama{font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alx-nis{margin-top:3px;font-size:11.5px;color:var(--ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.alx-lanjut{font-size:12.5px;color:var(--ink);padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--alx) 7%,var(--surface-2));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alx-lanjut-kosong{color:var(--ink-faint);font-style:italic;background:var(--surface-2)}.alx-pil{display:flex;flex-wrap:wrap;gap:6px}.alx-kaki{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:9px;border-top:1px dashed var(--line);font-size:12px;font-weight:700;color:var(--ink-faint);transition:color .15s ease}.alx-kaki span:last-child{font-size:16px;transition:transform .15s ease}.alx-kartu:hover .alx-kaki{color:var(--alx)}.alx-kartu:hover .alx-kaki span:last-child{transform:translate(3px)}.alx-kosong{margin-top:18px;padding:34px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--surface);color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;gap:6px}.alx-kosong>span{font-size:30px}.alx-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.alx-kosong p{margin:0;font-size:13px}@media (max-width: 560px){.alx-pita-angka{margin-left:0;width:100%}.alx-kisi{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.alx-kartu:hover{transform:none}.alx-kaki,.alx-kaki span:last-child{transition:none}}.jpx-batang{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}.jpx-batang-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px 5px;border-radius:12px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}.jpx-batang-item b{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}.jpx-batang-item small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.jpx-batang-tiang{width:16px;height:46px;border-radius:6px;background:var(--surface-2);display:flex;align-items:flex-end;overflow:hidden}.jpx-batang-tiang i{display:block;width:100%;min-height:3px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#5fc79d,var(--accent));transition:height .3s ease}.jpx-batang-item.ini small{color:var(--accent-ink)}.jpx-batang-item.ini .jpx-batang-tiang i{background:linear-gradient(180deg,#f0cf7c,var(--gold))}.jpx-batang-item:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface));transform:translateY(-1px)}.jpx-batang-item.aktif{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.jpx-batang-item.redup{opacity:.45}.jpx-batang-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jpx-massal{white-space:nowrap}.jpx-tampilan{margin-left:auto}.jpx-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 4px 0;font-size:12px;color:var(--ink-muted)}.jpx-legenda i{font-style:normal;display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600}.jpx-legenda i:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.jpx-legenda em{margin-left:auto;font-style:normal;color:var(--ink-faint)}.jpx-papan{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:6px}.jpx-hari{padding:0!important;margin:0!important;min-width:0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.jpx-hari-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;padding:12px 12px 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2),var(--surface))}.jpx-hari-nama{display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.jpx-hari-pita{display:inline-block;margin-top:3px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#34b083,var(--accent))}.jpx-hari-jumlah{font-size:18px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.jpx-hari-jumlah small{font-size:10.5px;font-weight:600;color:var(--ink-muted)}.jpx-hari-ini{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.jpx-hari-ini .jpx-hari-kepala{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--gold) 8%,var(--surface)));border-bottom-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.jpx-hari-ini .jpx-hari-nama{color:var(--accent-ink)}.jpx-hari-isi{display:flex;flex-direction:column;gap:8px;padding:10px;flex:1}.jpx-hari .jadwal-slot-card{border-radius:12px;padding:9px 10px;background:linear-gradient(160deg,color-mix(in srgb,var(--kartu-warna) 7%,var(--surface)),var(--surface) 60%)}.jpx-jam{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--accent-ink);font-variant-numeric:tabular-nums;background:var(--accent-soft);padding:2px 8px;border-radius:999px;white-space:nowrap}.jpx-mapel{margin-top:6px;font-size:13px;font-weight:700;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.jpx-kelas{margin-top:2px;font-size:11px;color:var(--ink-muted)}.jpx-kosong{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px;border:1px dashed var(--line);border-radius:12px;font-size:11.5px;color:var(--ink-faint);text-align:center}.jpx-kosong>span{font-size:18px;opacity:.7}.jpx-kosong .link-button{font-size:11.5px}.jpx-hari-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--ink)}.jpx-hari-chip.ini{background:linear-gradient(135deg,#34b083,var(--accent));color:#fff}@media (max-width: 760px){.jpx-tampilan{margin-left:0}.jpx-legenda em{margin-left:0;width:100%}}@media (prefers-reduced-motion: reduce){.jpx-batang-item,.jpx-batang-tiang i{transition:none}.jpx-batang-item:hover{transform:none}}.abx-tanggal{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.abx-tanggal label{display:flex;flex-direction:column;gap:2px;flex:1 1 130px;min-width:0}.abx-tanggal label span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.abx-tanggal input{height:36px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:0 10px;font:inherit;font-size:13px;min-width:0}.abx-tanggal input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.abx-tanggal i{font-style:normal;color:var(--ink-faint);margin-top:14px}.abx-catatan{margin:10px 4px 0;font-size:12.5px;color:var(--ink-muted);line-height:1.55}.abx-catatan summary{cursor:pointer;font-weight:700;color:var(--ink-muted);width:fit-content}.abx-catatan[open] summary{margin-bottom:6px}.abx-judul{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:22px 2px 10px}.abx-judul>div:first-child{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.abx-judul>div:first-child>span{font-size:12.5px;color:var(--ink-faint)}.abx-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--c, var(--ink));background:color-mix(in srgb,var(--c, var(--ink)) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--c, var(--ink)) 30%,transparent);white-space:nowrap}.kma{margin-top:28px;padding:0;overflow:hidden;border-radius:22px}.kma-kepala{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--gold) 10%,var(--surface)) 100%);border-bottom:1px solid var(--line)}.kma-judul{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 380px}.kma-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(140deg,#2f9f78,var(--accent));box-shadow:0 10px 20px -12px var(--accent);flex-shrink:0}.kma-judul h2{margin:0;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}.kma-judul p{margin:3px 0 0;font-size:12.5px;color:var(--ink-muted)}.kma-judul p b{color:var(--ink);font-weight:700}.kma>.ta-info{margin:14px 22px 0!important}.kma-ringkas{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:10px;padding:16px 22px 0}.kma-angka{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);min-width:0}.kma-angka small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.kma-angka strong{font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}.kma-angka span{font-size:11.5px;color:var(--ink-faint)}.kma-utama{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 70%);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.kma-utama strong{color:var(--accent-ink);font-family:var(--serif);font-size:28px}.kma-bar{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}.kma-bar u{display:block;height:100%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent))}.kma-klik{cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.kma-klik:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.kma-klik.aktif{border-color:var(--accent);background:var(--accent-soft)}.kma-klik:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kma-klik:disabled{cursor:default}.kma-waspada strong{color:var(--bad)}.kma-waspada.aktif{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--surface))}.kma-alat{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 22px}.kma-alat .snp-pilih{flex:0 1 220px}.kma-kosong{margin:0;padding:26px 22px 30px;text-align:center;color:var(--ink-faint);font-size:13.5px}.kma-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:0 22px 22px}.kma-kartu{--t: var(--ink-faint);position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.kma-kartu:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--t),color-mix(in srgb,var(--t) 25%,transparent))}.kma-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--t) 45%,var(--line));box-shadow:0 16px 30px -22px color-mix(in srgb,var(--t) 90%,transparent)}.kma-baik{--t: var(--accent)}.kma-sedang{--t: var(--gold)}.kma-kurang{--t: var(--bad)}.kma-kartu-atas{display:flex;align-items:center;gap:12px;min-width:0}.kma-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(140deg,color-mix(in srgb,var(--t) 70%,#fff),var(--t));box-shadow:0 0 0 3px var(--surface),0 0 0 4px color-mix(in srgb,var(--t) 35%,transparent)}.kma-netral .kma-avatar{background:linear-gradient(140deg,#9aa7a1,#6f7d77)}.kma-kartu-id{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.kma-nama{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.kma-kartu-id small{font-size:11.5px;color:var(--ink-muted)}.kma-cincin{--p: 0;width:54px;height:54px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--t) calc(var(--p) * 1%),var(--surface-2) 0)}.kma-cincin b{width:42px;height:42px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.kma-statistik{display:flex;flex-wrap:wrap;gap:6px}.kma-statistik span{font-size:12px;color:var(--ink-muted);padding:3px 10px;border-radius:999px;background:var(--surface-2)}.kma-statistik b{color:var(--ink);font-variant-numeric:tabular-nums}.kma-merah{color:var(--bad)!important}.kma-statistik .kma-merah{background:color-mix(in srgb,var(--bad) 10%,var(--surface))}.kma-statistik .kma-merah b{color:var(--bad)}.kma-pil{display:flex;flex-wrap:wrap;gap:6px}.kma-aksi{display:flex;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}.kma-tombol{flex:1;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.kma-tombol:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.kma-tombol:disabled{opacity:.5;cursor:default}.kma-tombol-utama{border-color:transparent;color:#fff;background:linear-gradient(135deg,#2f9f78,var(--accent));box-shadow:0 8px 16px -10px var(--accent)}.kma-tombol-utama:hover:not(:disabled){color:#fff;filter:brightness(1.06)}.kma-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kma-hari{padding:0 22px 14px}.kma-hari-judul{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px;margin-bottom:8px;border-radius:12px;background:color-mix(in srgb,var(--gold) 9%,var(--surface-2))}.kma-hari-judul strong{font-family:var(--serif);font-size:15px;font-weight:600;color:var(--ink)}.kma-hari-judul span{font-size:12px;font-weight:700;color:var(--ink-muted)}.kma-log{display:grid;grid-template-columns:58px 46px minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);margin-bottom:6px;transition:border-color .15s ease,background .15s ease}.kma-log:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.kma-log-cek{border-color:color-mix(in srgb,var(--bad) 35%,var(--line));background:color-mix(in srgb,var(--bad) 4%,var(--surface))}.kma-log-jam{font-size:17px;font-weight:800;color:var(--accent-ink);font-variant-numeric:tabular-nums}.kma-selfie{all:unset;box-sizing:border-box;width:46px;height:46px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);cursor:zoom-in}.kma-selfie img{width:100%;height:100%;object-fit:cover;display:block}.kma-selfie-kosong{cursor:default;color:var(--ink-faint);font-weight:800}.kma-selfie:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kma-log-isi{min-width:0}.kma-log-nama{font-weight:700;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kma-log-nama .link-button{font-weight:700}.kma-log-sesi{font-size:12px;color:var(--ink-muted);margin-top:2px;overflow-wrap:anywhere}.kma-log-bukti{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.kma-chip{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted);white-space:nowrap}.kma-chip-geo{background:var(--accent-soft);color:var(--accent-ink)}.kma-jarak{font-size:11.5px;color:var(--ink-muted)}.kma-cek{font-style:normal;font-size:11px;font-weight:800;color:var(--bad)}@media (max-width: 900px){.kma-ringkas{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.kma-kepala,.kma-ringkas,.kma-alat,.kma-hari,.kma-kisi{padding-left:14px;padding-right:14px}.kma-kisi{grid-template-columns:1fr}.kma-log{grid-template-columns:46px minmax(0,1fr)}.kma-log-jam{grid-column:1 / -1;font-size:14px}.kma-log-bukti{grid-column:1 / -1;align-items:flex-start;text-align:left}.kma-ringkas{grid-template-columns:1fr 1fr}.kma-utama{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){.kma-kartu,.kma-klik{transition:none}.kma-kartu:hover,.kma-klik:hover{transform:none}}@media print{.kma-angka,.kma-selfie,.jpx-batang-item,.tax-angka button{visibility:hidden!important}.ckm-dokumen{border:0!important;padding:0!important}.ckm-dokumen table tr{break-inside:avoid}}@media print{.modal-overlay.mw-overlay:has(.ckm-dokumen){position:absolute!important;inset:0 0 auto 0!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-card.mw-kartu:has(.ckm-dokumen){position:static!important;max-width:none!important;width:auto!important;margin:0!important}html:has(.ckm-dokumen) body *:not(:has(.ckm-dokumen)):not(.ckm-dokumen):not(.ckm-dokumen *){display:none!important}html:has(.ckm-dokumen),html:has(.ckm-dokumen) body{height:auto!important;overflow:visible!important}.mw-kartu:has(.ckm-dokumen) .mw-badan{padding:0!important;background:#fff!important}.ckm-dokumen .no-print{display:none!important}}.pgr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-2) 55%,var(--surface)))}.pgr-info{font-size:13px;color:var(--ink-muted)}.pgr-info strong{color:var(--ink);font-variant-numeric:tabular-nums}.pgr-hal{color:var(--ink-faint)}.pgr .pgr-pager{margin:0!important}.kma-kisi{padding-bottom:0!important}.kma-kaki{padding:0 22px 20px}.kma-hari:last-of-type{padding-bottom:0}@media (max-width: 640px){.pgr{justify-content:center;text-align:center}.kma-kaki{padding:0 14px 16px}}.nlx-periode{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:20px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 9%,var(--surface)) 0%,var(--surface) 50%,color-mix(in srgb,var(--gold) 9%,var(--surface)) 100%);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.nlx-periode-judul{display:flex;align-items:center;gap:12px;min-width:0}.nlx-periode-ikon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:linear-gradient(140deg,#2f9f78,var(--accent));box-shadow:0 10px 20px -12px var(--accent);flex-shrink:0}.nlx-periode-judul small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.nlx-periode-judul strong{display:block;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}.nlx-periode-isi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nlx-periode-isi .snp-pilih{flex:0 1 180px}.nlx-periode-isi .nlx-kelas{flex:0 1 240px}.nlx-semester{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.nlx-semester button{all:unset;cursor:pointer;padding:7px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-muted);transition:background .15s ease,color .15s ease}.nlx-semester button b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border-radius:50%;background:var(--surface);color:var(--ink);font-size:11px}.nlx-semester button.aktif{background:linear-gradient(135deg,#2f9f78,var(--accent));color:#fff;box-shadow:0 6px 14px -8px var(--accent)}.nlx-semester button.aktif b{background:#ffffff38;color:#fff}.nlx-semester button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nlx-langkah{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;counter-reset:langkah}.nlx-langkah-item{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.nlx-langkah-item:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-1px)}.nlx-langkah-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nlx-langkah-item.aktif{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 75%);box-shadow:0 14px 26px -20px var(--accent)}.nlx-langkah-no{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:14px;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line)}.nlx-langkah-item.aktif .nlx-langkah-no{color:#fff;border-color:transparent;background:linear-gradient(140deg,#34b083,var(--accent))}.nlx-langkah-teks{display:flex;flex-direction:column;gap:2px;min-width:0}.nlx-langkah-teks b{font-size:14px;color:var(--ink)}.nlx-langkah-teks small{font-size:11.5px;color:var(--ink-muted);line-height:1.35}.nlx-langkah-item:not(:last-child):after{content:"›";position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink-faint);background:var(--bg, var(--surface-2));z-index:1}.nlt-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}.nlt{--w: var(--accent);position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--w) 25%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--w) 9%,var(--surface)),var(--surface) 65%);overflow:hidden}.nlt:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--w) 16%,transparent),transparent 70%);pointer-events:none}.nlt-ikon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex-shrink:0;background:color-mix(in srgb,var(--w) 14%,var(--surface))}.nlt-isi{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.nlt-isi small{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted)}.nlt-isi strong{font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}.nlt-isi>span{font-size:11.5px;color:var(--ink-faint)}.nlt-bar{display:block;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}.nlt-bar u{display:block;height:100%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--w) 55%,#fff),var(--w))}.nlx-mapel{border-radius:18px}.nlx-komponen{flex:1;min-width:260px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:4px}.nlx-komponen span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:12px;color:var(--ink-muted)}.nlx-komponen span b{color:var(--accent-ink)}.nlx-komponen span em{font-style:normal;font-weight:800;color:var(--gold)}.nlx-komponen small{width:100%;font-size:11.5px;color:var(--ink-faint)}.nlx-tabel .nilai-sel-input{border-radius:10px;text-align:center;font-weight:700}.nlx-predikat{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:13px;border:1.5px solid}.nlx-alat{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px}.nlx-alat>span{flex:1}.nlx-peringkat{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;font-weight:800;font-size:13px;color:var(--ink-muted);background:var(--surface-2)}.nlx-p1{color:#6b4a00;background:linear-gradient(140deg,#ffe08a,#e2b13c);box-shadow:0 6px 12px -8px #c99a2a}.nlx-p2{color:#3e4a52;background:linear-gradient(140deg,#eef2f5,#b9c4cc)}.nlx-p3{color:#5a3416;background:linear-gradient(140deg,#f3c9a1,#c98a55)}.nlx-rata{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums}@media (max-width: 860px){.nlx-langkah{grid-template-columns:1fr}.nlx-langkah-item:not(:last-child):after{display:none}}@media (prefers-reduced-motion: reduce){.nlx-langkah-item{transition:none}.nlx-langkah-item:hover{transform:none}}.nlx-periode-isi{flex:1 1 560px;justify-content:flex-end}.nlx-leger th:nth-child(2),.nlx-leger td:nth-child(2){min-width:200px}.nlx-leger th{white-space:nowrap}@media (max-width: 640px){.nlx-periode-isi{justify-content:flex-start}.nlx-periode-isi .snp-pilih,.nlx-periode-isi .nlx-kelas{flex:1 1 100%}}@page leger{size:A4 landscape;margin:12mm 10mm}@media print{html:has(.clg-dokumen){page:leger}.modal-overlay.mw-overlay:has(.clg-dokumen){position:absolute!important;inset:0 0 auto 0!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-card.mw-kartu:has(.clg-dokumen){position:static!important;max-width:none!important;width:auto!important;margin:0!important}html:has(.clg-dokumen) body *:not(:has(.clg-dokumen)):not(.clg-dokumen):not(.clg-dokumen *){display:none!important}html:has(.clg-dokumen),html:has(.clg-dokumen) body{height:auto!important;overflow:visible!important}.mw-kartu:has(.clg-dokumen) .mw-badan{padding:0!important;background:#fff!important}.clg-dokumen{border:0!important;padding:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.clg-dokumen>div[style*=overflow]{overflow:visible!important}.clg-dokumen tr{break-inside:avoid}.clg-dokumen thead{display:table-header-group}.clg-dokumen tfoot{display:table-row-group}}.table-wrap.st-mewah{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--line)) transparent}.table-wrap.st-mewah::-webkit-scrollbar{height:10px}.table-wrap.st-mewah::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:999px;border:2px solid var(--surface)}.table-wrap.st-mewah::-webkit-scrollbar-track{background:var(--surface-2)}.nlx-geser{display:flex;align-items:center;gap:10px;margin:0 0 8px}.nlx-geser button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;transition:border-color .15s ease,background .15s ease,color .15s ease;flex-shrink:0}.nlx-geser button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.nlx-geser button:disabled{opacity:.35;cursor:default}.nlx-geser button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nlx-geser-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.nlx-geser-info span{font-size:12px;color:var(--ink-muted)}.nlx-geser-info b{color:var(--ink);font-variant-numeric:tabular-nums}.nlx-geser-info i{display:block;height:4px;border-radius:999px;background:var(--surface-2);overflow:hidden}.nlx-geser-info u{display:block;height:100%;min-width:6%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent));transition:width .15s ease}.nlx-leger-bingkai{position:relative}.nlx-leger-bingkai:after{content:"";position:absolute;top:1px;bottom:11px;right:1px;width:34px;pointer-events:none;border-radius:0 16px 16px 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 14%,transparent));opacity:0;transition:opacity .2s ease;z-index:3}.nlx-leger-bingkai.bayang-kanan:after{opacity:1}.nlx-leger .data-table th:nth-child(1),.nlx-leger .data-table td:nth-child(1){position:sticky;left:0;z-index:2;width:96px;min-width:96px}.nlx-leger .data-table th:nth-child(2),.nlx-leger .data-table td:nth-child(2){position:sticky;left:96px;z-index:2}.nlx-leger .data-table tbody td:nth-child(1),.nlx-leger .data-table tbody td:nth-child(2){background:var(--surface)}.nlx-leger .data-table tbody tr:nth-child(2n) td:nth-child(1),.nlx-leger .data-table tbody tr:nth-child(2n) td:nth-child(2){background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.nlx-leger .data-table thead th:nth-child(1),.nlx-leger .data-table thead th:nth-child(2){background:color-mix(in srgb,var(--gold) 8%,var(--surface))}.nlx-leger-bingkai.bayang-kiri .nlx-leger .data-table th:nth-child(2),.nlx-leger-bingkai.bayang-kiri .nlx-leger .data-table td:nth-child(2){box-shadow:8px 0 10px -8px color-mix(in srgb,var(--ink) 30%,transparent)}@media print{.nlx-leger .data-table th,.nlx-leger .data-table td{position:static!important;box-shadow:none!important}}.nlx-leger .data-table td .badge{white-space:nowrap}.clg-meja{background:color-mix(in srgb,var(--ink) 6%,var(--surface-2));border-radius:14px;padding:18px;overflow-x:auto}.clg-kertas{width:1047px;max-width:none;margin:0 auto;background:#fff;color:#111;padding:26px 30px 22px;border-radius:4px;box-shadow:0 10px 30px -14px #00000059;box-sizing:border-box;font-size:11px}.clg-kop{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:10px;border-bottom:2.5px double #111}.clg-kop-kiri{display:flex;align-items:center;gap:12px;min-width:0}.clg-kop-kiri img,.clg-logo-kosong{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0;display:grid;place-items:center;font-size:22px}.clg-nama-pondok{font-size:15px;font-weight:800}.clg-alamat{font-size:10px;color:#555;margin-top:2px;max-width:520px;line-height:1.35}.clg-kop-kanan{text-align:right;flex-shrink:0}.clg-judul{font-size:14px;font-weight:800;letter-spacing:.06em}.clg-sub{font-size:10.5px;color:#444;margin-top:2px}.clg-info{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid #c9c9c9;border-radius:4px;overflow:hidden}.clg-info>div{padding:5px 9px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f7f5}.clg-info>div:nth-child(4n){border-right:0}.clg-info>div:nth-last-child(-n+4){border-bottom:0}.clg-info small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#666}.clg-info b{display:block;font-size:11px;margin-top:1px}.clg-tabel{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:10px;font-size:var(--hf, 10px);font-variant-numeric:tabular-nums}.clg-tabel th,.clg-tabel td{border:1px solid #bdbdbd;padding:3px 2px;text-align:center;vertical-align:middle;overflow:hidden}.clg-tabel th{background:#e9efe9;font-weight:800;font-size:calc(var(--hf, 10px) - .4px);letter-spacing:.01em;word-break:break-word;line-height:1.15}.clg-tabel .kiri{text-align:left;padding-left:5px}.clg-tabel td.kiri b{display:block;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.clg-tabel td.kiri span{display:block;font-size:calc(var(--hf, 10px) - 1.4px);color:#666}.clg-tabel tbody tr:nth-child(2n) td{background:#fafafa}.clg-tabel td.rendah{color:#b3261e;font-weight:800;background:#fdecea!important}.clg-tabel td.kosong-sel{color:#9a9a9a}.clg-tabel td.tebal{font-weight:800}.clg-tabel td.kosong{padding:14px;color:#888}.clg-tabel tr.clg-rata td{background:#eef3ee!important;font-weight:800;border-top:1.5px solid #555}.clg-kode{margin-top:8px}.clg-kode-judul{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#444}.clg-kode-isi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px 14px;margin-top:3px;font-size:9.5px;color:#333}.clg-kode-isi b{display:inline-block;min-width:38px;color:#111}.clg-kode p{margin:5px 0 0;font-size:9px;color:#666}.clg-ttd{display:flex;justify-content:space-between;gap:40px;margin-top:14px}.clg-ttd>div{width:260px;text-align:center;font-size:10.5px;color:#333}.clg-ttd span{display:block;min-height:64px}.clg-ttd i{display:block;font-style:normal;border-top:1px solid #111;padding-top:3px;font-weight:700}.clg-kaki{margin-top:10px;padding-top:6px;border-top:1px dashed #ccc;text-align:center;font-size:8.5px;color:#888}@media print{.clg-meja{background:none!important;padding:0!important;overflow:visible!important;border-radius:0!important}.clg-kertas{width:auto!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.clg-tabel thead{display:table-header-group}.clg-tabel tr,.clg-kode,.clg-ttd{break-inside:avoid}}.clg-tabel th{word-break:normal;white-space:nowrap;text-overflow:clip}.clg-tabel td{padding:2.5px 2px}.clg-tabel td.kiri b{display:inline}.clg-tabel td.kiri span{display:inline;margin-left:5px}.clg-kode-isi{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px;font-size:9px}.clg-ttd{margin-top:10px}.clg-ttd span{min-height:46px}.clg-kode-isi{display:flex;flex-wrap:wrap;gap:2px 16px}.clg-kode-isi span{white-space:nowrap}.clg-kode-isi b{min-width:0;margin-right:3px}.rpx-grup{margin-top:24px}.rpx-pita{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 10%,var(--surface)) 0%,var(--surface) 60%,color-mix(in srgb,var(--gold) 8%,var(--surface)) 100%)}.rpx-pita-ikon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#2f9f78,var(--accent));box-shadow:0 8px 16px -10px var(--accent);flex-shrink:0}.rpx-pita-teks{min-width:0;flex:1 1 260px;display:flex;flex-direction:column;gap:2px}.rpx-pita-teks strong{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink)}.rpx-pita-teks small{font-size:12px;color:var(--ink-muted)}.rpx-pita-teks small em{color:var(--bad);font-style:normal;font-weight:700}.rpx-pita-angka{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rpx-pita-angka>span{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-muted);white-space:nowrap}.rpx-pita-angka b{color:var(--ink)}.rpx-pita-angka .rpx-titik{color:var(--c);border-color:color-mix(in srgb,var(--c) 35%,var(--line));background:color-mix(in srgb,var(--c) 9%,var(--surface));font-weight:700}.rpx-kartu{display:flex;gap:14px;align-items:stretch;margin:0!important;padding:0!important;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 22%,var(--line));transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.rpx-kartu:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:0 16px 30px -22px color-mix(in srgb,var(--c) 80%,transparent);transform:translateY(-1px)}.rpx-pke{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 6px;color:#fff;background:linear-gradient(170deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c))}.rpx-pke small{font-size:9.5px;font-weight:800;letter-spacing:.14em;opacity:.9}.rpx-pke b{font-family:var(--serif);font-size:30px;line-height:1}.rpx-pke span{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:#ffffff38;margin-top:4px}.rpx-isi{flex:1;min-width:0;padding:14px 16px 12px 0;display:flex;flex-direction:column;gap:10px}.rpx-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.rpx-judul{margin:0;font-family:var(--serif);font-size:17.5px;font-weight:600;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.rpx-meta{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--ink-muted);margin-top:3px}.rpx-ikon-aksi{display:flex;gap:6px;flex-shrink:0}.rpx-alur{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rpx-alur-langkah{display:inline-flex;align-items:center;gap:6px;padding:3px 11px 3px 4px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--ink-faint);background:var(--surface-2)}.rpx-alur-langkah i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;background:var(--surface);color:var(--ink-faint);border:1px solid var(--line)}.rpx-alur-langkah.lewat{color:var(--accent-ink);background:var(--accent-soft)}.rpx-alur-langkah.lewat i{background:var(--accent);color:#fff;border-color:transparent}.rpx-alur-langkah.kini{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));box-shadow:0 6px 12px -8px var(--c)}.rpx-alur-langkah.kini i{background:#ffffff40;color:#fff;border-color:transparent}.rpx-alur-langkah:not(:last-of-type):after{content:""}.rpx-lengkap{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-muted)}.rpx-lengkap b{color:var(--ink);font-variant-numeric:tabular-nums}.rpx-lengkap u{display:inline-block;width:64px;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;text-decoration:none}.rpx-lengkap s{display:block;height:100%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,#e2b45a,var(--gold))}.rpx-lengkap.penuh s{background:linear-gradient(90deg,#34b083,var(--accent))}.rpx-catatan{font-size:12.5px;padding:8px 12px;border-radius:12px}.rpx-catatan-revisi{color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 25%,transparent)}.rpx-catatan-ok{color:var(--accent-ink);background:var(--accent-soft)}.rpx-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.rpx-isian{padding:8px 11px;border-radius:12px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border:1px solid var(--line);min-width:0}.rpx-isian small{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted)}.rpx-isian p{margin:3px 0 0;font-size:12.5px;color:var(--ink);line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rpx-isian.kosong{background:var(--surface);border-style:dashed}.rpx-isian.kosong p{color:var(--ink-faint);font-style:italic}.rpx-langkah{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line))}.rpx-langkah-judul{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 75%,var(--ink-muted))}.rpx-langkah-item{display:flex;gap:10px;align-items:flex-start}.rpx-langkah-item>i{font-style:normal;width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(140deg,#e2b45a,var(--gold))}.rpx-langkah-item b{font-size:12px;color:var(--ink)}.rpx-langkah-item p{margin:1px 0 0;font-size:12.5px;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}.rpx-langkah-item.kosong p{color:var(--ink-faint);font-style:italic}.rpx-langkah-item.kosong>i{background:var(--surface-2);color:var(--ink-faint)}.rpx-aksi{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;border-top:1px dashed var(--line)}.rpx-aksi-ket{font-size:12px;color:var(--accent-ink)}@media (max-width: 640px){.rpx-kartu{flex-direction:column;gap:0}.rpx-pke{flex-direction:row;flex-basis:auto;gap:8px;padding:8px 12px;justify-content:flex-start}.rpx-pke b{font-size:22px}.rpx-pke span{margin-top:0}.rpx-isi{padding:12px 14px}.rpx-lengkap{margin-left:0}.rpx-kepala{flex-direction:column}}@media (prefers-reduced-motion: reduce){.rpx-kartu{transition:none}.rpx-kartu:hover{transform:none}}.snp-pilih{min-width:0;max-width:100%}.snp-pilih select{min-width:0;max-width:100%;text-overflow:ellipsis}.rpx-kartu.snp-nonaktif .rpx-pke{background:linear-gradient(170deg,#9aa7a1,#6f7d77)}@media (min-width: 900px){.rpx-langkah{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.rpx-langkah-judul{grid-column:1 / -1}}.thx-panel{margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,var(--gold) 7%,var(--surface)) 100%);overflow:visible}.thx-pilih{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thx-pilih-judul{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:200px}.thx-pilih-judul>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#2f9f78,var(--accent));box-shadow:0 8px 16px -10px var(--accent)}.thx-pilih-judul small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.thx-pilih-judul strong{display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink)}.thx-pilih .snp-pilih{flex:0 1 200px}.thx-pilih .snp-picker{flex:1 1 260px;max-width:380px}.thx-chip-baris{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;max-height:96px;overflow-y:auto;padding:2px}.thx-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;color:var(--ink-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.thx-chip:hover{border-color:var(--accent);color:var(--accent-ink)}.thx-chip.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f9f78,var(--accent));box-shadow:0 6px 12px -8px var(--accent)}.thx-profil{display:flex;gap:18px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);flex-wrap:wrap}.thx-cincin{--p: 0;width:112px;height:112px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-2) 0);box-shadow:0 12px 24px -16px var(--accent)}.thx-cincin>div{width:88px;height:88px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.thx-cincin b{font-family:var(--serif);font-size:24px;color:var(--accent-ink);line-height:1}.thx-cincin small{font-size:11px;color:var(--ink-muted);margin-top:3px}.thx-profil-isi{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}.thx-profil-kepala{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.thx-profil-kepala strong{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink)}.thx-mushaf{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:5px}.thx-juz{aspect-ratio:1;min-width:0;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-faint);font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;font-variant-numeric:tabular-nums}.thx-juz:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 14px -10px var(--accent);color:var(--accent-ink)}.thx-juz:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thx-juz.tuntas{color:#fff;border-color:transparent;background:linear-gradient(140deg,#34b083,var(--accent))}.thx-juz.proses{color:color-mix(in srgb,var(--gold) 70%,#000);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.thx-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:11.5px;color:var(--ink-muted)}.thx-legenda i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:5px;vertical-align:-2px;border:1px solid var(--line);background:var(--surface)}.thx-legenda i.tuntas{border-color:transparent;background:linear-gradient(140deg,#34b083,var(--accent))}.thx-legenda i.proses{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 20%,var(--surface))}.thx-legenda em{margin-left:auto;font-style:normal;color:var(--ink-faint)}.thx-saring{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.thx-saring-judul{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);margin-right:auto}.thx-jenis{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.thx-jenis.baru{color:var(--accent-ink);background:var(--accent-soft)}.thx-jenis.ulang{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.thx-juz-lencana{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:10px;font-weight:800;color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));font-variant-numeric:tabular-nums}.thx-nilai{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}.thx-nilai.lancar{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.thx-nilai.kurang_lancar{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface));border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.thx-nilai.mengulang{color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--surface));border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.thx-tuntas{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5b8fd9,#3f74c4)}@media (max-width: 760px){.thx-mushaf{grid-template-columns:repeat(10,minmax(0,1fr))}.thx-legenda em{margin-left:0;width:100%}.thx-pilih-judul{width:100%}.thx-pilih .snp-picker{max-width:none}.thx-profil{justify-content:center}}@media (prefers-reduced-motion: reduce){.thx-juz{transition:none}.thx-juz:hover{transform:none}}.thx-info{display:block}.thx-info summary{cursor:pointer;list-style:none}.thx-info summary::-webkit-details-marker{display:none}.thx-info summary span{font-weight:500;opacity:.85}.thx-info p{margin:8px 0 0}.tkx-profil{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:10px}.tkx-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.tkx-kitab{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:var(--surface)}.tkx-kitab.tuntas{border-color:color-mix(in srgb,#3f74c4 35%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,#3f74c4 7%,var(--surface)),var(--surface) 70%)}.tkx-kitab-atas{display:flex;gap:12px;align-items:center;min-width:0}.tkx-cincin{width:62px!important;height:62px!important;box-shadow:none!important}.tkx-cincin>div{width:48px!important;height:48px!important}.tkx-cincin b{font-size:14px!important;font-family:inherit!important;font-weight:800}.tkx-judul{font-weight:800;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkx-angka{font-size:12.5px;color:var(--ink-muted);margin-top:2px}.tkx-angka b{color:var(--ink);font-variant-numeric:tabular-nums}.tkx-angka em{font-style:normal;color:var(--ink-faint)}.tkx-terakhir{font-size:11.5px;color:var(--ink-faint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkx-aksi{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tkx-tombol{flex:1;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .15s ease,color .15s ease,filter .15s ease}.tkx-tombol:hover{border-color:var(--accent);color:var(--accent-ink)}.tkx-tombol.utama{flex:1.6;border-color:transparent;color:#fff;background:linear-gradient(135deg,#2f9f78,var(--accent));box-shadow:0 8px 16px -10px var(--accent)}.tkx-tombol.utama:hover{color:#fff;filter:brightness(1.06)}.tkx-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tkx-baru{align-items:center;justify-content:center;text-align:center;border-style:dashed;cursor:pointer;font:inherit;color:var(--ink-muted);background:color-mix(in srgb,var(--accent) 4%,var(--surface));min-height:120px;transition:border-color .15s ease,color .15s ease}.tkx-baru>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft)}.tkx-baru strong{color:var(--ink);font-size:14px}.tkx-baru small{font-size:11.5px}.tkx-baru:hover{border-color:var(--accent);color:var(--accent-ink)}.tkx-pil-kitab{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.tkx-pil{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;min-width:0}.tkx-pil b{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkx-pil small{font-size:11.5px;color:var(--ink-muted)}.tkx-pil i{display:block;height:4px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:3px}.tkx-pil u{display:block;height:100%;text-decoration:none;background:linear-gradient(90deg,#34b083,var(--accent));border-radius:999px}.tkx-pil:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.tkx-pil.aktif{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.tkx-pil:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tkx-cepat{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-muted)}.tkx-cepat button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--accent-ink);border-radius:999px;padding:5px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:background .15s ease}.tkx-cepat button:hover{background:var(--accent-soft)}.tkx-rentang{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.tkx-rentang-bar{position:relative;height:12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.tkx-rentang-bar span{position:absolute;top:0;bottom:0;left:0}.tkx-rentang-bar .lama{background:linear-gradient(90deg,#34b083,var(--accent));opacity:.55}.tkx-rentang-bar .baru{background:linear-gradient(90deg,#f0cf7c,var(--gold));box-shadow:0 0 0 1px #fff9 inset}.tkx-rentang-bar .baru.ulang{background:repeating-linear-gradient(45deg,#5b8fd9,#5b8fd9 4px,#3f74c4 4px,#3f74c4 8px)}.tkx-rentang-ket{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--ink-muted)}.tkx-rentang-ket span:last-child{margin-left:auto}.tkx-rentang-ket i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.tkx-rentang-ket i.lama{background:var(--accent);opacity:.55}.tkx-rentang-ket i.baru{background:var(--gold)}.tkx-rentang-ket i.baru.ulang{background:#3f74c4}.tkx-bagian{display:inline-block;padding:3px 9px;border-radius:8px;background:var(--surface-2);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}.tkx-sampul{display:grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:4px 9px 9px 4px;background:linear-gradient(150deg,#2f7d62,#164a3a);box-shadow:inset 4px 0 #0000002e,0 8px 16px -10px #00000080}.tkx-sampul img{width:100%;height:100%;object-fit:cover;display:block}.tkx-sampul.kosong b{font-family:var(--serif);color:#f3dfa8;letter-spacing:.04em}.tkx-sampul-sedang{width:62px;height:84px}.tkx-sampul-sedang.kosong b{font-size:18px}.tkx-sampul-kecil{width:30px;height:40px;border-radius:3px 6px 6px 3px}.tkx-sampul-kecil.kosong b{font-size:10px}.tkx-sampul-bingkai{position:relative;flex-shrink:0}.tkx-persen{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);font-style:normal;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#34b083,var(--accent));box-shadow:0 0 0 2px var(--surface);white-space:nowrap}.tkx-persen.tuntas{background:linear-gradient(135deg,#5b8fd9,#3f74c4)}.tkx-bar{display:block;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px}.tkx-bar u{display:block;height:100%;text-decoration:none;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent))}.tkx-bar u.tanpa-target{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--accent) 35%,transparent),color-mix(in srgb,var(--accent) 35%,transparent) 4px,transparent 4px,transparent 8px)}.tkx-catat-target{font-size:11px;color:var(--ink-faint);margin-top:3px}.tkx-kitab .tkx-judul{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--serif);font-size:15.5px;font-weight:600;line-height:1.25}.tkx-kitab-atas{align-items:flex-start}.tkx-tombol{white-space:nowrap}.tkx-pil-isi{display:flex;gap:8px;align-items:center;min-width:0}.tkx-pil-isi b,.tkx-pil-isi small{display:block}.tkx-terpilih{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.tkx-terpilih strong{display:block;font-family:var(--serif);font-size:15.5px;font-weight:600;color:var(--ink)}.tkx-terpilih small{display:block;font-size:12px;color:var(--ink-muted);margin-top:2px}.tkx-sel-kitab{display:inline-flex;align-items:center;gap:8px}.tkx-sel-kitab strong{color:var(--ink)}.kgx-prestasi{--kg: #c9971f;--kg2: #f0cf7c}.kgx-pelanggaran{--kg: #c0392b;--kg2: #e88a7d}.kgx-kesehatan{--kg: #3f74c4;--kg2: #7fa8ea}.kgx-cerita{--kg: #7a5bb5;--kg2: #ad95dd}.kgx-jadwal{--kg: var(--accent);--kg2: #5fc79d}.kgx-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.kgx-tab{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.kgx-tab:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--kg),var(--kg2));opacity:.35;transition:opacity .15s ease}.kgx-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--kg) 45%,var(--line))}.kgx-tab:focus-visible{outline:2px solid var(--kg);outline-offset:2px}.kgx-tab.aktif{border-color:color-mix(in srgb,var(--kg) 55%,var(--line));background:linear-gradient(140deg,color-mix(in srgb,var(--kg) 12%,var(--surface)),var(--surface) 75%);box-shadow:0 14px 26px -20px var(--kg)}.kgx-tab.aktif:before{opacity:1}.kgx-tab-ikon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;flex-shrink:0;background:color-mix(in srgb,var(--kg) 13%,var(--surface))}.kgx-tab.aktif .kgx-tab-ikon{background:linear-gradient(140deg,var(--kg2),var(--kg));box-shadow:0 8px 14px -8px var(--kg)}.kgx-tab-teks{display:flex;flex-direction:column;gap:1px;min-width:0}.kgx-tab-teks b{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kgx-tab-teks small{font-size:11px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kgx-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin:0;border-radius:18px;border:1px solid color-mix(in srgb,var(--kg, var(--accent)) 25%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--kg, var(--accent)) 8%,var(--surface)),var(--surface) 60%);overflow:visible}.kgx-bar-judul{display:flex;align-items:center;gap:10px;min-width:200px;flex:0 1 280px}.kgx-bar-judul>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(140deg,var(--kg2, #5fc79d),var(--kg, var(--accent)));box-shadow:0 8px 16px -10px var(--kg, var(--accent));flex-shrink:0}.kgx-bar-judul small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.kgx-bar-judul strong{display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.kgx-bar .snp-picker{flex:1 1 260px}.kgx-tambah{height:40px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:13.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--kg2, #5fc79d),var(--kg, var(--accent)));box-shadow:0 10px 18px -12px var(--kg, var(--accent));transition:filter .15s ease,transform .15s ease;white-space:nowrap}.kgx-tambah:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.kgx-tambah:disabled{opacity:.45;cursor:default;box-shadow:none}.kgx-tambah:focus-visible{outline:2px solid var(--kg);outline-offset:2px}.kgx-ringkas{margin-top:12px!important}.kgx-isi .table-wrap{margin-top:14px}.kgx-judul{color:var(--ink);font-weight:700}.kgx-ket{font-size:12px;color:var(--ink-muted);margin-top:2px}.kgx-pil{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}.kgx-t-pesantren{color:var(--accent-ink);background:var(--accent-soft)}.kgx-t-kecamatan{color:#2f6f9a;background:color-mix(in srgb,#3f74c4 10%,var(--surface))}.kgx-t-kabupaten{color:#3f5fb0;background:color-mix(in srgb,#3f5fb0 12%,var(--surface))}.kgx-t-provinsi{color:#7a5bb5;background:color-mix(in srgb,#7a5bb5 12%,var(--surface))}.kgx-t-nasional{color:#8a6100;background:linear-gradient(135deg,#fff1c7,#f3d27a);border-color:#e2b13c}.kgx-t-internasional{color:#fff;background:linear-gradient(135deg,#e2b13c,#b8860b);box-shadow:0 6px 12px -8px #b8860b}.kgx-p-ringan{color:var(--accent-ink);background:var(--accent-soft)}.kgx-p-sedang{color:#a8611c;background:color-mix(in srgb,#e08a2a 13%,var(--surface));border-color:color-mix(in srgb,#e08a2a 30%,transparent)}.kgx-p-berat{color:#fff;background:linear-gradient(135deg,#e0614f,#c0392b)}.kgx-poin{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:10px;font-weight:800;font-variant-numeric:tabular-nums}.kgx-tindakan{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12.5px;color:var(--ink);background:color-mix(in srgb,#3f74c4 8%,var(--surface))}.kgx-isi-cerita{font-size:12.5px;color:var(--ink-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:460px}.kgx-foto{width:64px;height:48px;object-fit:cover;border-radius:10px;display:block;box-shadow:0 6px 12px -8px #00000073}.kgx-kosong{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px}.kgx-kosong>span{font-size:26px}.kgx-kosong strong{font-family:var(--serif);font-size:16px;color:var(--ink)}.kgx-kosong small{font-size:12.5px;color:var(--ink-faint)}@media (max-width: 1100px){.kgx-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.kgx-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.kgx-bar-judul{flex-basis:100%}.kgx-tambah{width:100%}}@media (prefers-reduced-motion: reduce){.kgx-tab,.kgx-tambah{transition:none}.kgx-tab:hover,.kgx-tambah:hover{transform:none}}.kgx-jadwal-bar{margin-bottom:14px}.kgx-jadwal-bar .snp-pilih{flex:0 1 220px;margin-left:auto}.kgx-hari{flex-basis:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.kgx-hari-pil{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:13px;font-weight:700;color:var(--ink-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.kgx-hari-pil small{font-size:10.5px;font-weight:800;min-width:20px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-muted)}.kgx-hari-pil:hover{border-color:var(--kg);color:var(--ink)}.kgx-hari-pil.ini{border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}.kgx-hari-pil.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--kg2),var(--kg));box-shadow:0 8px 14px -10px var(--kg)}.kgx-hari-pil.aktif small{background:#ffffff40;color:#fff}.kgx-hari-pil:focus-visible{outline:2px solid var(--kg);outline-offset:2px}@media (max-width: 760px){.kgx-hari{grid-template-columns:repeat(4,minmax(0,1fr))}.kgx-jadwal-bar .snp-pilih{margin-left:0;flex-basis:100%}}.kga{margin-top:4px;border-radius:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:var(--surface);box-shadow:0 20px 40px -32px #0d4a3899}.kga-kepala{position:relative;overflow:hidden;padding:20px 18px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#1f6b52,#0f4a39 55%,#0b3a2d)}.kga-kepala:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 90% at 100% 0%,rgba(226,180,90,.28),transparent 60%);pointer-events:none}.kga-kepala-isi{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.kga-judul{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.kga-judul small{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#e9c98a}.kga-judul strong{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.1}.kga-lencana{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px}.kga-lencana span{font-size:11.5px;font-weight:800;padding:3px 11px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.kga-lencana span.emas{background:linear-gradient(135deg,#f0cf7c,#c9971f);color:#3b2a00;border-color:transparent}.kga-lencana span.hijau{background:#5fc79d40;color:#c9f2df}.kga-nav{flex-shrink:0;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s ease}.kga-nav:hover{background:#fff3}.kga-nav:focus-visible{outline:2px solid #f0cf7c;outline-offset:2px}.kga-badan{padding:8px 18px 18px}.kga-grup{--w: var(--accent)}.kga-dini{--w: #4a5fa8}.kga-pagi{--w: #d08a2a}.kga-siang{--w: #c9971f}.kga-sore{--w: #c2613a}.kga-malam{--w: #3e4f8f}.kga-grup-judul{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;margin:12px 0 8px;padding:6px 12px;border-radius:12px;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);background:linear-gradient(90deg,color-mix(in srgb,var(--w) 14%,var(--surface)),var(--surface) 70%)}.kga-grup-judul em{margin-left:auto;font-family:inherit;font-style:normal;font-size:11.5px;font-weight:700;color:var(--ink-muted)}.kga-daftar{list-style:none;margin:0;padding:0;position:relative}.kga-daftar:before{content:"";position:absolute;left:97px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--w) 45%,var(--line)),var(--line))}.kga-item{position:relative;display:grid;grid-template-columns:84px 26px minmax(0,1fr);align-items:stretch;gap:0;padding:5px 0}.kga-jam{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:10px;font-variant-numeric:tabular-nums}.kga-jam b{font-size:16px;font-weight:800;color:var(--ink);line-height:1.1}.kga-jam small{font-size:11px;color:var(--ink-muted)}.kga-jam em{font-style:normal;font-size:10px;font-weight:800;color:var(--w);margin-top:2px}.kga-titik{align-self:center;justify-self:center;position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2.5px solid var(--w)}.kga-kartu{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;min-width:0}.kga-item.klik .kga-kartu{cursor:pointer}.kga-item.klik:hover .kga-kartu{border-color:color-mix(in srgb,var(--w) 45%,var(--line));box-shadow:0 12px 22px -18px var(--w);transform:translate(2px);background:linear-gradient(90deg,color-mix(in srgb,var(--w) 6%,var(--surface)),var(--surface) 70%)}.kga-ikon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;flex-shrink:0;background:color-mix(in srgb,var(--w) 12%,var(--surface))}.kga-isi{flex:1;min-width:0}.kga-nama{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}.kga-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.kga-meta span{font-size:11.5px;color:var(--ink-muted);padding:2px 9px;border-radius:999px;background:var(--surface-2)}.kga-aksi{display:flex;gap:6px;opacity:.55;transition:opacity .15s ease}.kga-item:hover .kga-aksi,.kga-aksi:focus-within{opacity:1}.kga-status{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.kga-status.live{color:#fff;background:linear-gradient(135deg,#e0614f,#c0392b)}.kga-status.berikut{color:#3b2a00;background:linear-gradient(135deg,#f7dfa0,#e2b45a)}.kga-status.off{color:var(--ink-muted);background:var(--surface-2)}.kga-status.lewat{color:var(--ink-faint);background:var(--surface-2)}.kga-item.live .kga-kartu{border-color:color-mix(in srgb,#c0392b 45%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,#c0392b 7%,var(--surface)),var(--surface) 70%);box-shadow:0 12px 24px -18px #c0392b}.kga-item.live .kga-titik{border-color:#c0392b;background:#c0392b;animation:kga-denyut 1.8s ease-in-out infinite}@keyframes kga-denyut{0%,to{box-shadow:0 0 #c0392b73}50%{box-shadow:0 0 0 7px #c0392b00}}.kga-item.berikut .kga-kartu{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}.kga-item.berikut .kga-titik{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 40%,var(--surface))}.kga-item.lewat .kga-kartu,.kga-item.lewat .kga-jam{opacity:.55}.kga-item.lewat .kga-titik{background:var(--w);opacity:.5}.kga-item.nonaktif .kga-kartu{opacity:.55;border-style:dashed}.kga-item.edit .kga-kartu{border-color:var(--gold);background:var(--gold-soft)}@media (max-width: 640px){.kga-kepala-isi{flex-wrap:wrap;justify-content:center}.kga-judul{order:-1;width:100%}.kga-badan{padding:6px 10px 14px}.kga-item{grid-template-columns:62px 20px minmax(0,1fr)}.kga-daftar:before{left:71px}.kga-jam b{font-size:14px}.kga-kartu{flex-wrap:wrap}.kga-aksi{opacity:1;width:100%;justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.kga-item.live .kga-titik{animation:none}.kga-kartu{transition:none}.kga-item.klik:hover .kga-kartu{transform:none}}.pjx-hariini{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,#7a5bb5 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#7a5bb5 9%,var(--surface)),var(--surface) 70%);transition:border-color .15s ease,box-shadow .15s ease}.pjx-hariini>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:linear-gradient(140deg,#ad95dd,#7a5bb5);flex-shrink:0}.pjx-hariini strong{display:block;font-size:24px;font-weight:800;color:var(--ink);line-height:1.1}.pjx-hariini small{font-size:12px;color:var(--ink-muted)}.pjx-hariini em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:#7a5bb5}.pjx-hariini:hover,.pjx-hariini.aktif{border-color:#7a5bb5;box-shadow:0 10px 20px -16px #7a5bb5}.pjx-hariini:focus-visible{outline:2px solid #7a5bb5;outline-offset:2px}.pjx-daftar{display:flex;flex-direction:column;gap:12px;margin-top:16px}.pjx-kartu{display:flex;align-items:stretch;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 25%,var(--line));background:var(--surface);transition:box-shadow .18s ease,border-color .18s ease}.pjx-kartu:hover{border-color:color-mix(in srgb,var(--c) 50%,var(--line));box-shadow:0 16px 30px -24px var(--c)}.pjx-tgl{flex:0 0 82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:12px 6px;color:#fff;background:linear-gradient(170deg,var(--c2),var(--c))}.pjx-tgl small{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.pjx-tgl b{font-family:var(--serif);font-size:32px;line-height:1}.pjx-tgl span{font-size:11px;font-weight:700;opacity:.9}.pjx-tgl em{font-style:normal;font-size:10.5px;font-weight:800;margin-top:5px;padding:2px 8px;border-radius:999px;background:#ffffff38}.pjx-isi{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pjx-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.pjx-nama{font-family:var(--serif);font-size:17.5px;font-weight:600;color:var(--ink)}.pjx-sub{font-size:12px;color:var(--ink-muted);margin-top:2px}.pjx-lencana{display:flex;gap:6px;flex-wrap:wrap}.pjx-jenis{font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--surface-2);color:var(--ink)}.pjx-status{font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}.pjx-rentang{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--ink-muted)}.pjx-waktu{font-size:11.5px;font-weight:800;padding:2px 10px;border-radius:999px}.pjx-waktu.berlangsung{color:#fff;background:linear-gradient(135deg,#ad95dd,#7a5bb5)}.pjx-waktu.akan{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.pjx-waktu.lewat{color:color-mix(in srgb,var(--gold) 70%,#000);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.pjx-alasan{margin:0;padding:8px 12px;border-left:3px solid color-mix(in srgb,var(--c) 55%,var(--line));border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));font-size:13px;color:var(--ink);line-height:1.5;overflow-wrap:anywhere}.pjx-catatan{font-size:12.5px;color:var(--ink-muted);font-style:italic}.pjx-aksi{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed var(--line)}.pjx-aksi .input{flex:1 1 260px;min-width:0;height:38px;border-radius:999px;padding:0 14px}.pjx-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:13.5px;font-weight:800;transition:filter .15s ease,transform .15s ease}.pjx-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.pjx-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pjx-btn.setuju{color:#fff;background:linear-gradient(135deg,#34b083,var(--accent));box-shadow:0 10px 18px -12px var(--accent)}.pjx-btn.tolak{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 35%,transparent)}.pjx-btn.surat{color:#fff;background:linear-gradient(135deg,#e2b45a,#b8860b);box-shadow:0 10px 18px -12px #b8860b}.pjx-nomor{font-size:12px;color:var(--ink-muted)}.pjx-nomor.belum{color:color-mix(in srgb,var(--gold) 75%,var(--ink-muted));font-weight:700}@media (max-width: 640px){.pjx-kartu{flex-direction:column}.pjx-tgl{flex-direction:row;flex-basis:auto;gap:8px;padding:8px 12px;justify-content:flex-start}.pjx-tgl b{font-size:22px}.pjx-tgl em{margin-top:0}.pjx-btn{flex:1;justify-content:center}}@media (prefers-reduced-motion: reduce){.pjx-btn{transition:none}.pjx-btn:hover{transform:none}}.tgx-tunggak{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface) 70%);transition:border-color .15s ease,box-shadow .15s ease}.tgx-tunggak>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#f0cf7c,#c9971f);flex-shrink:0}.tgx-tunggak strong{display:block;font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}.tgx-tunggak small{font-size:12px;color:var(--ink-muted)}.tgx-tunggak:hover,.tgx-tunggak.aktif{border-color:var(--gold);box-shadow:0 10px 20px -16px var(--gold)}.tgx-tunggak:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tgx-tabel .tgx-nama{font-weight:700;color:var(--ink)}.tgx-sub{font-size:11.5px;color:var(--ink-muted);margin-top:2px}.tgx-judul{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;color:var(--ink)}.tgx-jenis{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.tgx-jenis.j-spp{color:var(--accent-ink);background:var(--accent-soft)}.tgx-jenis.j-infaq{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.tgx-jenis.j-zakat{color:#3f5fb0;background:color-mix(in srgb,#3f5fb0 12%,var(--surface))}.tgx-jenis.j-lainnya{color:var(--ink-muted);background:var(--surface-2)}.tgx-tempo{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px}.tgx-tempo.telat{color:#fff;background:linear-gradient(135deg,#e0614f,#c0392b)}.tgx-tempo.hari{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 16%,var(--surface))}.tgx-jumlah{font-size:14.5px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.tgx-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:6px;max-width:180px}.tgx-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent))}.tgx-sebagian .tgx-bar span{background:linear-gradient(90deg,#f0cf7c,var(--gold))}.tgx-sisa{font-size:11px;color:var(--ink-faint);margin-top:3px}.tgx-status{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.tgx-status.s-lunas{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.tgx-status.s-sebagian{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface));border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.tgx-status.s-belum_bayar{color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--surface));border-color:color-mix(in srgb,var(--bad) 28%,transparent)}.tgx-baris.telat td:first-child{box-shadow:inset 3px 0 0 var(--bad)}.tgx-baris.telat{background:color-mix(in srgb,var(--bad) 5%,var(--surface))!important}.tgx-btn-bayar{height:34px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#34b083,var(--accent));box-shadow:0 8px 14px -10px var(--accent);transition:filter .15s ease,transform .15s ease}.tgx-btn-bayar:hover{filter:brightness(1.06);transform:translateY(-1px)}.tgx-btn-bayar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tgx-bayar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;border-radius:14px;background:var(--accent-soft)}.tgx-bayar .input{height:34px;border-radius:10px}@media (prefers-reduced-motion: reduce){.tgx-btn-bayar{transition:none}.tgx-btn-bayar:hover{transform:none}}.kjx-besuk{--kg: var(--accent);--kg2: #5fc79d;margin-top:22px;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--gold) 7%,var(--surface)))}.kjx-kepala{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.kjx-kepala-judul{display:flex;align-items:center;gap:12px}.kjx-kepala-judul>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:linear-gradient(140deg,#5fc79d,var(--accent));box-shadow:0 10px 18px -12px var(--accent)}.kjx-kepala-judul small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.kjx-kepala-judul strong{display:block;font-family:var(--serif);font-size:19px;font-weight:600;color:var(--ink)}.kjx-kepala-judul em{display:block;font-style:normal;font-size:12px;color:var(--ink-muted)}.kjx-form{display:grid;grid-template-columns:180px 200px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding:14px;border-radius:16px;background:var(--surface);border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line))}.kjx-field{display:flex;flex-direction:column;gap:4px;min-width:0}.kjx-field span{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--ink-muted)}.kjx-field .input{height:38px;border-radius:10px}.kjx-cepat{grid-column:1 / -2;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-muted)}.kjx-cepat button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--accent-ink);border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.kjx-cepat button.aktif{color:#fff;background:var(--accent)}.kjx-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px;margin-top:14px}.kjx-kartu{--c: var(--accent);--c2: #5fc79d;display:flex;align-items:stretch;border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 25%,var(--line));background:var(--surface);transition:box-shadow .18s ease,transform .18s ease}.kjx-kartu:hover{box-shadow:0 14px 26px -20px var(--c);transform:translateY(-1px)}.kjx-kartu.hari{--c: var(--gold);--c2: #f0cf7c;border-width:1.5px}.kjx-kartu.lewat{--c: var(--ink-faint);--c2: #b9c4c0;opacity:.7}.kjx-kartu.edit{flex-direction:column;gap:8px;padding:12px;border-style:dashed}.kjx-tgl{flex:0 0 74px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;color:#fff;background:linear-gradient(170deg,var(--c2),var(--c))}.kjx-tgl small{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.9}.kjx-tgl b{font-family:var(--serif);font-size:30px;line-height:1}.kjx-tgl span{font-size:10.5px;font-weight:700;opacity:.92}.kjx-isi{flex:1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.kjx-baris{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kjx-jam{font-size:13px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.kjx-pos{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px}.kjx-pos.hari{color:#3b2a00;background:linear-gradient(135deg,#f7dfa0,#e2b45a)}.kjx-pos.akan{color:var(--accent-ink);background:var(--accent-soft)}.kjx-pos.lewat{color:var(--ink-faint);background:var(--surface-2)}.kjx-ket{font-size:13px;color:var(--ink);line-height:1.4;overflow-wrap:anywhere}.kjx-oleh{font-size:11.5px;color:var(--ink-faint)}.kjx-ikon-aksi{display:flex;flex-direction:column;gap:6px;padding:10px 10px 10px 0}.kjx-aksi{display:flex;gap:8px}.kjx-berikut{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface) 70%)}.kjx-berikut>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#f0cf7c,#c9971f);flex-shrink:0}.kjx-berikut strong{display:block;font-size:14px;color:var(--ink)}.kjx-berikut small{font-size:12px;color:var(--ink-muted)}.kjx-sesuai{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.kjx-sesuai.ya{color:var(--accent-ink);background:var(--accent-soft)}.kjx-sesuai.tidak{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 13%,var(--surface))}@media (max-width: 900px){.kjx-form{grid-template-columns:1fr 1fr}.kjx-field.lebar,.kjx-cepat{grid-column:1 / -1}}@media (max-width: 560px){.kjx-form{grid-template-columns:1fr}.kjx-tambah{width:100%}}@media (prefers-reduced-motion: reduce){.kjx-kartu{transition:none}.kjx-kartu:hover{transform:none}}@media (max-width: 560px){.kjx-besuk{padding:14px 12px}.kjx-kepala-judul em{white-space:normal}}.tux-terlama{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface) 70%);transition:box-shadow .15s ease,border-color .15s ease}.tux-terlama>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(140deg,#f0cf7c,#c9971f);flex-shrink:0}.tux-terlama strong{display:block;font-size:16px;font-weight:800;color:var(--ink)}.tux-terlama small{font-size:12px;color:var(--ink-muted)}.tux-terlama em{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--gold) 75%,#000)}.tux-terlama.lama{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 8%,var(--surface)),var(--surface) 70%)}.tux-terlama.lama>span{background:linear-gradient(140deg,#e88a7d,#c0392b)}.tux-terlama.bersih{cursor:default;border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 70%)}.tux-terlama.bersih>span{background:linear-gradient(140deg,#5fc79d,var(--accent))}.tux-terlama:not(.bersih):hover{box-shadow:0 10px 20px -16px var(--gold)}.tux-terlama:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tux-daftar{display:flex;flex-direction:column;gap:12px;margin-top:16px}.tux-kartu{--t: var(--gold);position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px 14px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--t) 25%,var(--line));background:var(--surface);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.tux-kartu:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,color-mix(in srgb,var(--t) 70%,#fff),var(--t))}.tux-kartu.sudah{--t: var(--accent)}.tux-kartu:hover{border-color:color-mix(in srgb,var(--t) 45%,var(--line));box-shadow:0 16px 30px -24px var(--t)}.tux-kepala{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tux-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;background:linear-gradient(140deg,color-mix(in srgb,var(--t) 60%,#fff),var(--t));box-shadow:0 0 0 3px var(--surface),0 0 0 4px color-mix(in srgb,var(--t) 35%,transparent)}.tux-siapa{flex:1 1 240px;min-width:0}.tux-siapa strong{display:block;font-family:var(--serif);font-size:16.5px;font-weight:600;color:var(--ink)}.tux-siapa small{font-size:12px;color:var(--ink-muted)}.tux-siapa b{color:var(--ink)}.tux-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tux-waktu{font-size:11.5px;color:var(--ink-faint)}.tux-status{font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.tux-status.belum{color:color-mix(in srgb,var(--gold) 75%,#000);background:color-mix(in srgb,var(--gold) 14%,var(--surface))}.tux-status.belum.lama{color:#fff;background:linear-gradient(135deg,#e0614f,#c0392b)}.tux-status.sudah{color:var(--accent-ink);background:var(--accent-soft)}.tux-gelembung{position:relative;max-width:82%;padding:10px 14px;border-radius:16px}.tux-gelembung p{margin:2px 0 0;font-size:13.5px;color:var(--ink);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.tux-label{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted)}.tux-gelembung.tanya{align-self:flex-start;border-top-left-radius:4px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));border:1px solid var(--line)}.tux-gelembung.jawab{align-self:flex-end;border-top-right-radius:4px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),color-mix(in srgb,var(--accent) 6%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.tux-gelembung.jawab .tux-label{color:var(--accent-ink)}.tux-aksi{display:flex;justify-content:flex-end}.tux-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line))}.tux-form textarea{border-radius:12px;resize:vertical;min-height:92px;font-family:inherit;line-height:1.5}.tux-pembuka{display:flex;flex-wrap:wrap;gap:6px}.tux-pembuka button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--surface);color:var(--accent-ink);border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.tux-pembuka button:hover{background:var(--accent-soft)}.tux-form-aksi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tux-form-aksi>span{margin-right:auto;font-size:11.5px;color:var(--ink-faint)}@media (max-width: 640px){.tux-gelembung{max-width:100%}.tux-kartu{padding:12px 12px 12px 16px}.tux-aksi .pjx-btn,.tux-form-aksi .pjx-btn{flex:1;justify-content:center}}@media (max-width: 480px){.as-hero-teks{min-width:0}}.kpx-antre{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;color:var(--ink-muted);background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.kpx-antre.ada{background:color-mix(in srgb,var(--gold) 10%,var(--surface));border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}.kpx-antre.telat{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,var(--line));color:var(--ink)}.kpx-antre strong{color:var(--ink)}.kpx-urut{font-size:11px;color:var(--ink-faint);font-style:italic}.kpx-daftar{display:flex;flex-direction:column;gap:16px;margin-top:16px}.kpx-kartu{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:20px;padding:18px 18px 18px 22px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 7%,var(--surface)) 0%,var(--surface) 42%);border:1px solid color-mix(in srgb,var(--c) 22%,var(--line));box-shadow:0 16px 34px -28px color-mix(in srgb,var(--c) 70%,transparent),var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kpx-kartu:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--c2),var(--c))}.kpx-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:0 22px 40px -26px color-mix(in srgb,var(--c) 80%,transparent),var(--shadow)}.kpx-kartu.usia-telat{--c: var(--bad);--c2: color-mix(in srgb, var(--bad) 55%, #fff)}.kpx-bukti{position:relative;align-self:start;width:150px;height:180px;padding:0;border-radius:16px;overflow:hidden;cursor:zoom-in;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));background:var(--surface-2);box-shadow:0 10px 22px -16px #00000080}.kpx-bukti img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.kpx-bukti-pita{position:absolute;top:8px;left:8px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--c2),var(--c));box-shadow:0 4px 10px -4px #00000080}.kpx-bukti-zoom{position:absolute;left:0;right:0;bottom:0;padding:8px 0 6px;font-size:11px;font-weight:700;text-align:center;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent);opacity:0;transition:opacity .2s ease}.kpx-bukti:hover img,.kpx-bukti:focus-visible img{transform:scale(1.07)}.kpx-bukti:hover .kpx-bukti-zoom,.kpx-bukti:focus-visible .kpx-bukti-zoom{opacity:1}.kpx-bukti:focus-visible{outline:2px solid var(--c);outline-offset:2px}.kpx-isi{min-width:0;display:flex;flex-direction:column;gap:12px}.kpx-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.kpx-santri{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--ink);line-height:1.25}.kpx-nis{margin-left:6px;font-family:var(--sans);font-size:12px;font-weight:700;color:var(--ink-faint);font-variant-numeric:tabular-nums}.kpx-wali{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:12.5px;color:var(--ink-muted)}.kpx-usia{flex-shrink:0;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}.kpx-usia.baru{color:var(--accent-ink);background:var(--accent-soft)}.kpx-usia.lama{color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft)}.kpx-usia.telat{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 60%,#fff),var(--bad));box-shadow:0 6px 14px -8px var(--bad)}.kpx-jejak{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.kpx-jejak li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:10px;font-size:12px;font-weight:700;color:var(--ink-faint)}.kpx-jejak li:not(:last-child):after{content:"";position:absolute;top:12px;left:34px;right:8px;height:2px;border-radius:2px;background:var(--line)}.kpx-jejak li.selesai:not(:last-child):after{background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--line)))}.kpx-jejak i{position:relative;z-index:1;flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--surface-2);border:1.5px solid var(--line)}.kpx-jejak li.selesai i{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.kpx-jejak li.kini i{background:var(--gold-soft);border-color:var(--gold);animation:kpx-denyut 1.8s ease-in-out infinite}.kpx-jejak li.gagal i{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.kpx-jejak li.selesai,.kpx-jejak li.kini,.kpx-jejak li.gagal{color:var(--ink)}.kpx-jejak span{display:flex;flex-direction:column;min-width:0}.kpx-jejak small{margin-top:2px;font-size:11px;font-weight:500;color:var(--ink-muted);overflow-wrap:anywhere}@keyframes kpx-denyut{0%,to{box-shadow:0 0 color-mix(in srgb,var(--gold) 45%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.kpx-rincian{display:flex;flex-direction:column;padding:4px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border:1px solid var(--line)}.kpx-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:13px}.kpx-item+.kpx-item{border-top:1px dashed var(--line)}.kpx-item-ikon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:14px;background:var(--surface);border:1px solid var(--line)}.kpx-item-nama{min-width:0;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kpx-jenis{padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.03em;color:color-mix(in srgb,#3f74c4 80%,var(--ink));background:color-mix(in srgb,#3f74c4 13%,var(--surface))}.kpx-jenis.topup{color:color-mix(in srgb,#7a5bb5 80%,var(--ink));background:color-mix(in srgb,#7a5bb5 13%,var(--surface));font-variant-numeric:tabular-nums}.kpx-item-jumlah{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.kpx-catatan{margin:0;padding:9px 14px;border-radius:12px;font-size:13px;line-height:1.5;color:var(--ink);background:var(--gold-soft);border-left:3px solid var(--gold)}.kpx-catatan span,.kpx-alasan span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.kpx-catatan span{color:color-mix(in srgb,var(--gold) 75%,var(--ink))}.kpx-alasan{padding:9px 14px;border-radius:12px;font-size:13px;color:var(--ink);background:var(--bad-soft);border-left:3px solid var(--bad)}.kpx-alasan span{color:var(--bad)}.kpx-tolak{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--bad) 5%,var(--surface));border:1.5px solid color-mix(in srgb,var(--bad) 30%,var(--line))}.kpx-tolak-judul{font-size:13px;font-weight:800;color:var(--bad)}.kpx-tolak-judul small{font-weight:500;color:var(--ink-muted)}.kpx-alasan-cepat{display:flex;flex-wrap:wrap;gap:6px}.kpx-alasan-cepat button{font:inherit;font-size:12px;padding:5px 11px;border-radius:999px;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:all .15s ease}.kpx-alasan-cepat button:hover{border-color:var(--bad);color:var(--bad)}.kpx-alasan-cepat button.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--bad) 60%,#fff),var(--bad))}.kpx-tolak-aksi{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.kpx-sisi{display:flex;flex-direction:column;gap:14px;padding-left:20px;border-left:1px dashed color-mix(in srgb,var(--c) 30%,var(--line))}.kpx-total{display:flex;flex-direction:column;gap:2px}.kpx-total small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.kpx-total strong{font-family:var(--serif);font-size:26px;line-height:1.15;color:var(--accent-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpx-total span{font-size:12px;color:var(--ink-muted)}.kpx-aksi{display:flex;flex-direction:column;gap:8px}.kpx-aksi button{font:inherit;font-size:13px;font-weight:700;height:40px;padding:0 14px;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.kpx-aksi button:disabled{opacity:.6;cursor:wait}.kpx-btn-terima{color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 65%);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--accent) 85%,transparent)}.kpx-btn-terima:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--accent) 90%,transparent)}.kpx-btn-tolak{color:var(--bad);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--bad) 40%,var(--line))}.kpx-btn-tolak:hover{background:var(--bad-soft);border-color:var(--bad)}.kpx-btn-lihat{color:var(--ink-muted);background:transparent;border:1.5px dashed var(--line)}.kpx-btn-lihat:hover{color:var(--accent-ink);border-color:var(--accent)}.kpx-aksi button:focus-visible,.kpx-alasan-cepat button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpx-hasil{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:12px;color:var(--ink-muted)}.kpx-hasil .snp-tag{font-size:12px;padding:4px 12px}.kpx-kosong{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:44px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 70%)}.kpx-kosong-ikon{font-size:44px}.kpx-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.kpx-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted);max-width:420px}@media (max-width: 1100px){.kpx-kartu{grid-template-columns:130px minmax(0,1fr)}.kpx-bukti{width:130px;height:160px}.kpx-sisi{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:14px 0 0;border-left:0;border-top:1px dashed color-mix(in srgb,var(--c) 30%,var(--line))}.kpx-aksi{flex-direction:row;flex-wrap:wrap}}@media (max-width: 640px){.kpx-kartu{grid-template-columns:1fr;padding:16px 16px 16px 20px}.kpx-bukti{width:100%;height:180px}.kpx-jejak{grid-template-columns:1fr;gap:8px}.kpx-jejak li{flex-direction:row}.kpx-jejak li:after{display:none}.kpx-aksi{width:100%}.kpx-aksi button{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){.kpx-kartu,.kpx-bukti img,.kpx-aksi button{transition:none}.kpx-kartu:hover{transform:none}.kpx-jejak li.kini i{animation:none}}.pox-kaca-status{display:flex;align-items:center;gap:10px;margin-top:6px;font-family:var(--serif);font-size:30px;line-height:1.1;color:#ffd9d0}.pox-kaca.hidup .pox-kaca-status{color:#c9f5df}.pox-denyut{width:12px;height:12px;border-radius:50%;background:#ff8a76;animation:pox-denyut 2s ease-in-out infinite}.pox-kaca.hidup .pox-denyut{background:#5ee0a4}@keyframes pox-denyut{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.pox-kaca-chip{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pox-kaca-chip span{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.24)}.pox-siap{margin-top:22px;padding:16px 20px;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface) 55%);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));box-shadow:0 18px 40px -30px color-mix(in srgb,var(--gold) 70%,transparent),var(--shadow)}.pox-siap.siap{background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 55%);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.pox-siap-kepala{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pox-siap-kepala>div{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px}.pox-siap-kepala strong{font-family:var(--serif);font-size:17px;color:var(--ink)}.pox-siap-kepala small{font-size:12.5px;color:var(--ink-muted)}.pox-siap-ikon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 18px -12px #0006}.pox-siap-btn{font:inherit;font-size:13px;font-weight:700;height:38px;padding:0 16px;border-radius:999px;cursor:pointer;color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 65%);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--accent) 85%,transparent);transition:transform .15s ease}.pox-siap-btn:hover{transform:translateY(-1px)}.pox-siap-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pox-siap-catatan{font-size:12px;font-weight:700;color:var(--ink-faint);padding:6px 12px;border-radius:999px;background:var(--surface-2)}.pox-siap-langkah{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pox-siap-langkah li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);min-width:0}.pox-siap-langkah li span:last-child{display:flex;flex-direction:column;min-width:0}.pox-siap-langkah b{font-size:12.5px;color:var(--ink)}.pox-siap-langkah small{font-size:11.5px;color:var(--ink-muted);overflow-wrap:anywhere}.pox-siap-no{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft);border:1.5px solid color-mix(in srgb,var(--gold) 55%,transparent)}.pox-siap-langkah li.ok{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.pox-siap-langkah li.ok .pox-siap-no{color:#fff;border-color:transparent;background:linear-gradient(135deg,#34b083,var(--accent))}.pox-tabs{display:inline-flex;gap:4px;margin-top:18px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.pox-tab{font:inherit;font-size:13.5px;font-weight:700;padding:8px 18px;border-radius:999px;border:0;cursor:pointer;color:var(--ink-muted);background:transparent;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.pox-tab:hover:not(.aktif){color:var(--ink)}.pox-tab.aktif{color:#fff;background:linear-gradient(135deg,#34b083,var(--accent) 70%);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--accent) 85%,transparent)}.pox-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pox-ringkas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pox-ringkas-kotak{--r: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--r) 7%,var(--surface));border:1.5px solid color-mix(in srgb,var(--r) 22%,var(--line));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.pox-ringkas-kotak.emas{--r: var(--gold)}.pox-ringkas-kotak.merah{--r: var(--ink-faint)}.pox-ringkas-kotak.merah.ada{--r: var(--bad)}.pox-ringkas-kotak:hover{transform:translateY(-1px);border-color:var(--r);box-shadow:0 10px 20px -14px var(--r)}.pox-ringkas-kotak.aktif{border-color:var(--r);box-shadow:0 0 0 3px color-mix(in srgb,var(--r) 18%,transparent)}.pox-ringkas-kotak:focus-visible{outline:2px solid var(--r);outline-offset:2px}.pox-ringkas-kotak small{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.pox-ringkas-kotak strong{font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pox-ringkas-kotak span{font-size:11.5px;color:var(--ink-muted)}.pox-tabel tr.pox-cek td{background:color-mix(in srgb,var(--bad) 6%,var(--surface))}.pox-tabel tr.pox-cek td:first-child{box-shadow:inset 4px 0 0 var(--bad)}.pox-santri{display:flex;flex-direction:column;gap:2px;min-width:0}.pox-nama{all:unset;cursor:pointer;font-weight:700;color:var(--ink)}.pox-nama:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.pox-nama:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.pox-santri small{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.pox-tagihan{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.pox-tagihan span{font-size:11.5px;padding:2px 9px;border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface-2) 80%,var(--surface));border:1px solid var(--line)}.pox-metode{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pox-metode-chip{font-size:11px;font-weight:800;padding:2px 10px;border-radius:8px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--m) 70%,#fff),var(--m));box-shadow:0 4px 10px -6px var(--m)}.pox-metode code{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);letter-spacing:.02em}.pox-total{display:flex;flex-direction:column;align-items:flex-end}.pox-total strong{font-family:var(--serif);font-size:16px;color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.pox-total small{font-size:11px;color:var(--ink-faint);white-space:nowrap}.pox-status{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 32%,transparent)}.pox-status-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:11px;color:var(--ink-faint)}.pox-status-sub .mendesak{color:var(--bad);font-weight:800}.pox-sandbox{padding:0 6px;border-radius:6px;background:var(--surface-2);color:var(--ink-muted);font-weight:700}.pox-catatan{margin-top:4px;max-width:260px;font-size:11.5px;color:var(--ink-muted)}.pox-catatan.cek{color:var(--bad);font-weight:600}.pox-ditangani{margin-top:3px;font-size:11px;color:var(--accent-ink)}.pox-aksi{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pox-btn{font:inherit;font-size:12px;font-weight:700;height:32px;padding:0 12px;border-radius:10px;cursor:pointer;white-space:nowrap;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 40%,var(--line));transition:background .15s ease,border-color .15s ease}.pox-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.pox-btn.bahaya{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.pox-btn.bahaya:hover{background:var(--bad-soft);border-color:var(--bad)}.pox-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pox-aksi-kosong{color:var(--ink-faint)}.pox-kosong{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:44px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 70%)}.pox-kosong-ikon{font-size:44px}.pox-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.pox-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted);max-width:480px}.pox-kosong-aksi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media (max-width: 1100px){.pox-siap-langkah{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pox-siap{padding:14px}.pox-siap-langkah,.pox-ringkas{grid-template-columns:1fr}.pox-tabs{display:flex}.pox-tab{flex:1}.pox-aksi{justify-content:flex-start}.pox-total{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.pox-denyut{animation:none}.pox-ringkas-kotak,.pox-siap-btn,.pox-tab{transition:none}}.pox-denyut{color:#ff8a76}.pox-kaca.hidup .pox-denyut{color:#5ee0a4}.kcx-arus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kcx-arus-kotak{--r: var(--accent);display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--r) 7%,var(--surface));border:1.5px solid color-mix(in srgb,var(--r) 22%,var(--line))}.kcx-arus-kotak.keluar{--r: var(--gold)}.kcx-arus-kotak.tolak{--r: var(--ink-faint)}.kcx-arus-kotak.tolak.ada{--r: var(--bad)}.kcx-arus-kotak small{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.kcx-arus-kotak strong{font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcx-arus-kotak.masuk strong{color:var(--accent-ink)}.kcx-arus-kotak span{font-size:11.5px;color:var(--ink-muted)}.kcx-santri{display:flex;align-items:center;gap:10px;min-width:0}.kcx-santri strong{display:block;color:var(--ink)}.kcx-santri small{display:block;font-size:11.5px;color:var(--ink-faint)}.kcx-mini{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:10px;color:#fff;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(135deg,#1f7a5c,#0d4a38 70%);box-shadow:0 8px 16px -10px #0d4a38e6,inset 0 1px #ffffff2e}.kcx-mini i{width:18px;height:13px;border-radius:3px;background:linear-gradient(135deg,#f3d48a,#c99a3c);box-shadow:inset 0 0 0 1px #00000026}.kcx-mini.blokir{background:linear-gradient(135deg,#8c8c8c,#555 70%);text-decoration:line-through;text-decoration-color:#ffffff8c}.kcx-belum{font-size:12px;font-weight:700;color:#7a5bb5;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,#7a5bb5 10%,var(--surface));border:1px dashed color-mix(in srgb,#7a5bb5 45%,transparent);white-space:nowrap}.kcx-saldo{display:flex;flex-direction:column;align-items:flex-end}.kcx-saldo strong{font-family:var(--serif);font-size:16px;color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.kcx-saldo.rendah strong{color:#c7772a}.kcx-saldo small{font-size:11px;font-weight:700;color:#c7772a}.kcx-limit{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}.kcx-limit small{margin-left:2px;font-weight:500;color:var(--ink-faint)}.kcx-strip{color:var(--ink-faint);font-size:12.5px}.kcx-aman{display:flex;flex-wrap:wrap;gap:5px}.kcx-pil{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid transparent}.kcx-pil.ok{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.kcx-pil.warn{color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.kcx-pil.bad{color:var(--bad);background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.kcx-btn{font:inherit;font-size:12.5px;font-weight:700;height:34px;padding:0 14px;border-radius:10px;cursor:pointer;white-space:nowrap;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));transition:background .15s ease,border-color .15s ease,transform .15s ease}.kcx-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.kcx-btn.utama{color:#fff;border:0;background:linear-gradient(135deg,#8f74c9,#7a5bb5 65%);box-shadow:0 8px 16px -10px #7a5bb5}.kcx-btn.utama:hover{transform:translateY(-1px)}.kcx-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kcx-kosong{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:44px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--accent) 30%,var(--line));background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 70%)}.kcx-kosong-ikon{font-size:44px}.kcx-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.kcx-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted);max-width:440px}.kcx-jejak{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:13px;color:var(--ink-faint)}.kcx-jejak strong{font-family:var(--serif);font-size:16px;color:var(--ink)}.kcx-kembali{font:inherit;font-size:13px;font-weight:700;height:36px;padding:0 14px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));transition:background .15s ease}.kcx-kembali:hover{background:var(--accent-soft)}.kcx-kembali:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kcx-terbit{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:22px;border-radius:22px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,#7a5bb5 9%,var(--surface)),var(--surface) 55%);border:1px solid color-mix(in srgb,#7a5bb5 25%,var(--line));box-shadow:var(--shadow)}.kcx-terbit-kartu{position:relative;flex:0 0 260px;height:160px;padding:18px;border-radius:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#ffffffe6;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 10px,transparent 10px 20px),linear-gradient(135deg,#8a8fa3,#5d6275);border:2px dashed rgba(255,255,255,.4)}.kcx-terbit-kartu .kt-chip{position:absolute;top:18px;left:18px}.kcx-terbit-nomor{font-family:ui-monospace,monospace;font-size:15px;letter-spacing:.12em}.kcx-terbit-nama{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.kcx-terbit-isi{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px}.kcx-terbit-judul{font-family:var(--serif);font-size:19px;color:var(--ink)}.kcx-langkah{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.kcx-langkah li{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--ink-muted);background:var(--surface);border:1.5px solid var(--line)}.kcx-langkah b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;color:var(--ink-muted);background:var(--surface-2)}.kcx-langkah li.kini{color:#5c4392;border-color:color-mix(in srgb,#7a5bb5 45%,var(--line))}.kcx-langkah li.kini b{color:#fff;background:linear-gradient(135deg,#8f74c9,#7a5bb5)}.kcx-terbit-form{display:flex;gap:8px;flex-wrap:wrap}.kcx-terbit-form .input{flex:1 1 220px;min-width:0;font-family:ui-monospace,monospace;letter-spacing:.04em}.kcx-status{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));box-shadow:0 18px 40px -30px #0d4a3873,var(--shadow)}.kcx-cek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kcx-cek-item{--r: var(--accent);display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--r) 8%,var(--surface));border:1.5px solid color-mix(in srgb,var(--r) 25%,var(--line))}.kcx-cek-item.warn{--r: var(--gold)}.kcx-cek-item.bad{--r: var(--bad)}.kcx-cek-item>span{font-size:18px}.kcx-cek-item div{display:flex;flex-direction:column;min-width:0}.kcx-cek-item small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.kcx-cek-item strong{font-size:13.5px;color:var(--ink)}.kcx-peringatan{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;border-radius:12px;font-size:12.5px;color:var(--ink);background:var(--gold-soft);border-left:3px solid var(--gold)}.kcx-peringatan button{all:unset;cursor:pointer;font-weight:800;color:color-mix(in srgb,var(--gold) 70%,var(--ink))}.kcx-peringatan button:hover{text-decoration:underline}.kcx-peringatan button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kcx-limit-panel{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 65%,var(--surface));border:1px solid var(--line)}.kcx-meter{height:10px;border-radius:999px;overflow:hidden;background:var(--surface);box-shadow:inset 0 1px 2px #00000014}.kcx-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent));transition:width .5s ease}.kcx-meter.hampir span{background:linear-gradient(90deg,#e2b45a,var(--gold))}.kcx-meter.penuh span{background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 55%,#fff),var(--bad))}.kcx-aksi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kcx-aksi-btn{display:flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:700;height:42px;padding:0 14px;border-radius:12px;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.kcx-aksi-btn span{font-size:15px}.kcx-aksi-btn:hover{transform:translateY(-1px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.kcx-aksi-btn.utama{color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 65%);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--accent) 85%,transparent)}.kcx-aksi-btn.bahaya{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.kcx-aksi-btn.bahaya:hover{background:var(--bad-soft);border-color:var(--bad)}.kcx-aksi-btn.hijau{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.kcx-aksi-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kt-dua{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.kcx-panel{--r: var(--accent);min-width:0;padding:18px;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--r) 7%,var(--surface)),var(--surface) 50%);border:1px solid color-mix(in srgb,var(--r) 20%,var(--line));box-shadow:0 16px 34px -28px color-mix(in srgb,var(--r) 70%,transparent),var(--shadow)}.kcx-panel.emas{--r: var(--gold)}.kcx-panel-kepala{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.kcx-panel-kepala>div{flex:1 1 200px;min-width:0}.kcx-panel-kepala h3{margin:0;font-family:var(--serif);font-size:17px;color:var(--ink)}.kcx-panel-kepala p{margin:2px 0 0;font-size:12.5px;color:var(--ink-muted)}.kcx-panel-ikon{width:40px;height:40px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--r) 22%,var(--surface)),color-mix(in srgb,var(--r) 8%,var(--surface)));border:1px solid color-mix(in srgb,var(--r) 30%,var(--line))}.kcx-baris-form{display:flex;gap:8px}.kcx-rp{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.kcx-rp:focus-within{border-color:var(--r);box-shadow:0 0 0 4px color-mix(in srgb,var(--r) 15%,transparent)}.kcx-rp span{font-weight:800;color:var(--ink-faint)}.kcx-rp input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.kcx-chip{font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--r) 28%,var(--line));transition:all .15s ease}.kcx-chip:hover{border-color:var(--r);transform:translateY(-1px)}.kcx-chip.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--r) 65%,#fff),var(--r));box-shadow:0 8px 16px -10px var(--r)}.kcx-chip:focus-visible{outline:2px solid var(--r);outline-offset:2px}.kcx-pratinjau{margin-top:10px;padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--ink-muted);background:var(--accent-soft)}.kcx-pratinjau strong{color:var(--accent-ink);font-variant-numeric:tabular-nums}.kcx-riwayat-ringkas{display:flex;flex-wrap:wrap;gap:6px}.kcx-riwayat-ringkas span{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}.kcx-riwayat-ringkas .masuk{color:var(--accent-ink);background:var(--accent-soft)}.kcx-riwayat-ringkas .keluar{color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft)}.kcx-riwayat-ringkas .tolak{color:var(--bad);background:var(--bad-soft)}.kcx-riwayat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.kcx-riwayat li{--r: var(--accent);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 6px;border-radius:12px;transition:background .15s ease}.kcx-riwayat li+li{border-top:1px dashed var(--line)}.kcx-riwayat li:hover{background:color-mix(in srgb,var(--r) 6%,var(--surface))}.kcx-riwayat li.keluar{--r: var(--gold)}.kcx-riwayat li.tolak{--r: var(--bad)}.kcx-riwayat-ikon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--r) 60%,#fff),var(--r));box-shadow:0 6px 12px -8px var(--r)}.kcx-riwayat-teks{display:flex;flex-direction:column;min-width:0}.kcx-riwayat-teks strong{font-size:13.5px;color:var(--ink)}.kcx-riwayat-teks em{font-style:normal;font-weight:500;color:var(--ink-muted)}.kcx-riwayat-teks small{font-size:11.5px;color:var(--ink-faint)}.kcx-riwayat-jumlah{font-family:var(--serif);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent-ink)}.kcx-riwayat li.keluar .kcx-riwayat-jumlah{color:var(--ink)}.kcx-riwayat li.tolak .kcx-riwayat-jumlah{color:var(--bad);text-decoration:line-through}@media (max-width: 640px){.kcx-arus,.kcx-cek{grid-template-columns:1fr}.kcx-terbit-kartu{flex:1 1 100%}.kcx-aksi{grid-template-columns:1fr}.kcx-saldo{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.kcx-btn,.kcx-aksi-btn,.kcx-chip,.kcx-meter span{transition:none}.kcx-aksi-btn:hover,.kcx-chip:hover{transform:none}}.pkk-kelas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:4px 28px}.pkk-tren-rp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}.pkk-tren-rp div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:10px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));font-variant-numeric:tabular-nums}.pkk-tren-rp span{font-size:11px;font-weight:700;color:var(--ink-faint)}.pkk-tren-rp b{font-size:11.5px;white-space:nowrap}.pkk-tren-rp b.masuk{color:var(--accent-ink)}.pkk-tren-rp b.keluar{color:color-mix(in srgb,var(--gold) 75%,var(--ink))}@media (max-width: 640px){.pkk-tren-rp{grid-template-columns:repeat(3,minmax(0,1fr))}}.kcz-peringatan-nyata{display:inline-flex;margin-top:14px;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;color:#ffe3a3;background:#ffc45c24;border:1px solid rgba(255,210,130,.45)}.kcz-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}.kcz-terminal{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:24px;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 45%);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));box-shadow:0 22px 46px -32px #0d4a388c,var(--shadow);min-width:0}.kcz-stepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kcz-stepper li{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;font-size:12.5px;font-weight:700;color:var(--ink-faint);background:var(--surface-2);border:1.5px solid transparent;min-width:0}.kcz-stepper li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kcz-stepper b{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--surface);color:var(--ink-muted)}.kcz-stepper li.kini{color:var(--ink);background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.kcz-stepper li.kini b{color:#fff;background:linear-gradient(135deg,#e2b45a,var(--gold))}.kcz-stepper li.selesai{color:var(--accent-ink);background:var(--accent-soft)}.kcz-stepper li.selesai b{color:#fff;background:linear-gradient(135deg,#34b083,var(--accent))}.kcz-bagian{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.kcz-bagian-judul{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:15.5px;color:var(--ink)}.kcz-bagian-judul span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:var(--sans);font-size:11.5px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft)}.kcz-sub-judul{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.kcz-cari{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.kcz-cari:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.kcz-cari input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;color:var(--ink)}.kcz-cocok{display:flex;flex-direction:column;gap:6px}.kcz-cocok-item{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,background .15s ease}.kcz-cocok-item:hover,.kcz-cocok-item:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.kcz-cocok-item.blokir .kcx-mini{background:linear-gradient(135deg,#8c8c8c,#555 70%)}.kcz-cocok-teks{display:flex;flex-direction:column;min-width:0}.kcz-cocok-teks strong{font-size:13.5px;color:var(--ink)}.kcz-cocok-teks small{font-size:11.5px;color:var(--ink-faint)}.kcz-cocok-saldo{font-family:var(--serif);font-weight:600;color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.kcz-cepat-kartu{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kcz-cepat-kartu small{font-size:11.5px;color:var(--ink-faint)}.kcz-kartu{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:18px;color:#fff;overflow:hidden;background:radial-gradient(circle at 90% 0%,rgba(241,210,138,.35),transparent 45%),linear-gradient(135deg,#17604a,#0c3d2d 70%);box-shadow:0 16px 30px -18px #0d4a38e6}.kcz-kartu.blokir{background:linear-gradient(135deg,#7d7d7d,#4a4a4a 70%)}.kcz-kartu .kt-chip{position:absolute;top:18px;right:18px}.kcz-kartu-atas{display:flex;align-items:center;gap:12px;padding-right:54px}.kcz-kartu-atas>div{display:flex;flex-direction:column;min-width:0}.kcz-kartu-atas strong{font-size:15px}.kcz-kartu-atas small{font-size:12px;opacity:.8}.kcz-kartu-foto{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.kcz-ganti{all:unset;cursor:pointer;margin-left:auto;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.35)}.kcz-ganti:hover{background:#ffffff42}.kcz-ganti:focus-visible{outline:2px solid #fff;outline-offset:2px}.kcz-kartu-nomor{font-family:ui-monospace,monospace;font-size:17px;letter-spacing:.14em}.kcz-kartu-bawah{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kcz-kartu-bawah div{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:#ffffff1f}.kcz-kartu-bawah small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.kcz-kartu-bawah strong{font-family:var(--serif);font-size:18px;font-variant-numeric:tabular-nums}.kcz-jumlah-layar{display:flex;align-items:baseline;gap:8px;padding:12px 18px;border-radius:16px;background:linear-gradient(135deg,#1d2a24,#0d1512);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 22px -16px #0009}.kcz-jumlah-layar span{font-size:18px;font-weight:700;color:color-mix(in srgb,var(--gold) 60%,#fff)}.kcz-jumlah-layar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--serif);font-size:38px;font-weight:700;color:#7cf0bd;font-variant-numeric:tabular-nums;text-align:right}.kcz-jumlah-layar input::placeholder{color:#7cf0bd59}.kcz-jumlah-layar:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 70%,transparent)}.kcz-galat-kecil{font-size:12px;font-weight:700;color:var(--bad)}.kcz-jumlah-baris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px);gap:10px}.kcz-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kcz-keypad button{font:inherit;font-size:17px;font-weight:700;height:44px;border-radius:12px;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:0 2px 0 var(--line);transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.kcz-keypad button:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.kcz-keypad button:active{transform:translateY(2px);box-shadow:0 0 0 var(--line)}.kcz-keypad button.hapus{color:var(--bad)}.kcz-keypad button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kcz-jumlah-cepat{display:flex;flex-direction:column;gap:6px}.kcz-jumlah-cepat .kcz-chip{width:100%;justify-content:center}.kcz-chip-baris{display:flex;flex-wrap:wrap;gap:6px}.kcz-chip{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 22%,var(--line));transition:all .15s ease}.kcz-chip:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.kcz-chip.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,#34b083,var(--accent) 70%);box-shadow:0 8px 16px -10px var(--accent)}.kcz-chip:disabled{opacity:.45;cursor:default}.kcz-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kcz-lokasi{flex:1 1 140px;min-width:0;height:34px;padding:0 12px;border-radius:999px;border:1.5px dashed var(--line);background:var(--surface);font:inherit;font-size:12.5px;color:var(--ink);outline:0}.kcz-lokasi:focus{border-color:var(--accent);border-style:solid}.kcz-pin{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-radius:16px;cursor:text;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));border:1.5px solid var(--line);transition:border-color .15s ease,box-shadow .15s ease}.kcz-pin:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.kcz-pin input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:text}.kcz-pin-titik{display:flex;gap:12px}.kcz-pin-titik i{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--surface);transition:background .15s ease,transform .15s ease}.kcz-pin-titik i.isi{background:linear-gradient(135deg,#34b083,var(--accent));border-color:transparent;transform:scale(1.1)}.kcz-pin small{font-size:12px;color:var(--ink-muted)}.kcz-periksa{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.kcz-periksa li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700}.kcz-periksa li span{font-weight:900}.kcz-periksa li.ok{color:var(--accent-ink);background:var(--accent-soft)}.kcz-periksa li.bad{color:var(--bad);background:var(--bad-soft)}.kcz-bayar{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:16px;font-weight:800;padding:14px;border-radius:16px;cursor:pointer;color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 55%,#0c3d2d);box-shadow:0 14px 28px -14px color-mix(in srgb,var(--accent) 90%,transparent);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.kcz-bayar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 32px -14px color-mix(in srgb,var(--accent) 95%,transparent)}.kcz-bayar:disabled{opacity:.5;cursor:not-allowed}.kcz-bayar.peringatan{background:linear-gradient(135deg,#e2b45a,#c7772a 60%,#8a4a12);box-shadow:0 14px 28px -14px #c7772a}.kcz-bayar small{font-size:11.5px;font-weight:600;opacity:.9}.kcz-bayar:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.kcz-saran{margin-top:8px;padding:8px 14px;border-radius:12px;font-size:12.5px;background:#ffffff1f;max-width:340px}.kcz-struk{position:relative;padding:18px 20px 22px;border-radius:6px 6px 0 0;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.kcz-struk:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-10px;height:10px;background:radial-gradient(circle at 6px 0,transparent 6px,var(--surface) 6.5px) 0 0 / 12px 10px repeat-x}.kcz-struk-kepala{text-align:center;font-family:var(--serif);font-size:15px;color:var(--ink);padding-bottom:10px;margin-bottom:8px;border-bottom:1.5px dashed var(--line)}.kcz-struk dl{margin:0;display:flex;flex-direction:column;gap:4px}.kcz-struk dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.kcz-struk dt{color:var(--ink-muted)}.kcz-struk dd{margin:0;font-weight:600;color:var(--ink);text-align:right;overflow-wrap:anywhere}.kcz-struk dl div.total{margin-top:6px;padding-top:8px;border-top:1.5px dashed var(--line);font-size:15px}.kcz-struk dl div.total dd{font-family:var(--serif);font-size:18px;color:var(--accent-ink)}.kcz-baru{font:inherit;font-size:13.5px;font-weight:700;height:42px;margin-top:6px;border-radius:12px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 40%,var(--line));transition:background .15s ease}.kcz-baru:hover{background:var(--accent-soft)}.kcz-baru:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kcz-riwayat-panel{padding:16px 18px;border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));box-shadow:var(--shadow)}.kcz-riwayat-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.kcz-riwayat-kepala>div:first-child{flex:1 1 200px;min-width:0}.kcz-riwayat-kepala h3{margin:0;font-family:var(--serif);font-size:16px;color:var(--ink)}.kcz-riwayat-kepala p{margin:2px 0 0;font-size:12px;color:var(--ink-muted)}.kcz-riwayat-ringkas{display:flex;gap:6px}.kcz-riwayat-ringkas span{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.kcz-riwayat-ringkas .ok{color:var(--accent-ink);background:var(--accent-soft)}.kcz-riwayat-ringkas .bad{color:var(--bad);background:var(--bad-soft)}@media (max-width: 1100px){.kcz-grid{grid-template-columns:1fr}}@media (max-width: 640px){.kcz-terminal{padding:14px}.kcz-stepper span{display:none}.kcz-stepper li{justify-content:center}.kcz-jumlah-baris{grid-template-columns:1fr}.kcz-jumlah-cepat{flex-direction:row;flex-wrap:wrap}.kcz-jumlah-cepat .kcz-chip{width:auto}.kcz-jumlah-layar input{font-size:30px}}@media (prefers-reduced-motion: reduce){.kcz-keypad button,.kcz-chip,.kcz-bayar,.kcz-pin-titik i{transition:none}.kcz-bayar:hover:not(:disabled),.kcz-chip:hover:not(:disabled){transform:none}}@media (min-width: 1101px){.kcz-grid>.kc-kanan{position:sticky;top:16px}.kcz-grid .kc-riwayat{max-height:260px}}.pyx-periode{margin-top:22px;padding:14px 18px;border-radius:22px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--gold) 11%,var(--surface)),var(--surface) 55%);border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));box-shadow:0 18px 40px -30px color-mix(in srgb,var(--gold) 70%,transparent),var(--shadow)}.pyx-periode-utama{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pyx-geser{font:inherit;font-size:22px;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 30%,var(--line));transition:background .15s ease,transform .15s ease}.pyx-geser:hover{background:var(--accent-soft);transform:scale(1.05)}.pyx-geser:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pyx-periode-label{display:flex;flex-direction:column;min-width:170px;text-align:center}.pyx-periode-label small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.pyx-periode-label strong{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1.15}.pyx-tahun{font:inherit;font-size:13px;font-weight:700;height:38px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.pyx-ini{margin-left:auto;font:inherit;font-size:13px;font-weight:700;height:38px;padding:0 16px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--line))}.pyx-ini.aktif{color:#fff;border-color:transparent;background:linear-gradient(135deg,#34b083,var(--accent) 70%);box-shadow:0 8px 18px -10px var(--accent)}.pyx-ini:focus-visible,.pyx-tahun:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pyx-bulan{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.pyx-bulan button{position:relative;font:inherit;font-size:12.5px;font-weight:700;height:34px;border-radius:10px;cursor:pointer;color:var(--ink-muted);background:var(--surface);border:1.5px solid var(--line);transition:all .15s ease}.pyx-bulan button:hover{border-color:var(--gold);color:var(--ink)}.pyx-bulan button.depan{opacity:.55}.pyx-bulan button.kini:after{content:"";position:absolute;top:4px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.pyx-bulan button.aktif{opacity:1;color:#fff;border-color:transparent;background:linear-gradient(135deg,#e2b45a,var(--gold) 60%,#9a6a1c);box-shadow:0 8px 16px -10px var(--gold)}.pyx-bulan button.aktif.kini:after{background:#fff}.pyx-bulan button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pyx-siap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pyx-siap-kotak{--r: var(--accent);all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--r) 7%,var(--surface));border:1.5px solid color-mix(in srgb,var(--r) 24%,var(--line));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}button.pyx-siap-kotak{cursor:pointer}button.pyx-siap-kotak:hover:not(:disabled){transform:translateY(-1px);border-color:var(--r);box-shadow:0 10px 20px -14px var(--r)}button.pyx-siap-kotak:disabled{cursor:default}button.pyx-siap-kotak:focus-visible{outline:2px solid var(--r);outline-offset:2px}.pyx-siap-kotak.emas{--r: var(--gold)}.pyx-siap-kotak.merah{--r: var(--bad)}.pyx-siap-kotak small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.pyx-siap-kotak strong{font-family:var(--serif);font-size:22px;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}.pyx-siap-kotak span{font-size:11.5px;color:var(--ink-muted)}.pyx-tabel tr.pyx-belum td:first-child{box-shadow:inset 3px 0 0 var(--gold)}.pyx-asatidz{display:flex;align-items:center;gap:10px;min-width:0}.pyx-asatidz img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--gold) 35%,var(--line));flex-shrink:0}.pyx-asatidz small{display:block;font-size:11.5px;color:var(--ink-faint)}.pyx-asatidz strong{display:block;color:var(--ink)}.pyx-nama{all:unset;cursor:pointer;display:block;font-weight:700;color:var(--ink)}.pyx-nama:hover{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}.pyx-nama:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.pyx-rek{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.pyx-bank{font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:6px;color:#fff;background:linear-gradient(135deg,#3f74c4,#2a4f8c)}.pyx-rek code{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--ink);letter-spacing:.03em}.pyx-rek small{font-size:11px;color:var(--ink-faint)}.pyx-rek-kosong{font-size:12px;font-weight:700;color:var(--bad);padding:3px 10px;border-radius:999px;background:var(--bad-soft);white-space:nowrap}.pyx-jumlah{display:flex;flex-direction:column;align-items:flex-end}.pyx-jumlah strong{font-family:var(--serif);font-size:16.5px;color:var(--accent-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.pyx-jumlah small{max-width:200px;font-size:11px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pyx-status{display:inline-flex;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}.pyx-status.lunas{color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.pyx-status.belum{color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent)}.pyx-tgl{display:block;margin-top:3px;font-size:11px;color:var(--ink-faint)}.pyx-aksi{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pyx-bayar{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;height:34px;padding:0 14px;border-radius:10px;cursor:pointer;white-space:nowrap;color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 65%);box-shadow:0 8px 16px -10px var(--accent);transition:transform .15s ease}.pyx-bayar svg{width:15px;height:15px}.pyx-bayar:hover{transform:translateY(-1px)}.pyx-bayar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pyx-ikon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;cursor:pointer;color:var(--ink-muted);background:var(--surface);border:1.5px solid var(--line);transition:all .15s ease}.pyx-ikon svg{width:15px;height:15px}.pyx-ikon:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.pyx-ikon.bahaya:hover{color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}.pyx-ikon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pyx-yakin{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px 4px 10px;border-radius:12px;background:var(--accent-soft)}.pyx-yakin>span{font-size:12px;font-weight:700;color:var(--accent-ink)}.pyx-edit td{background:color-mix(in srgb,var(--gold) 7%,var(--surface))!important}.pyx-edit-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pyx-edit-form .kcx-rp{flex:0 1 180px}.pyx-edit-form .input{flex:1 1 200px;min-width:0}.pyx-kosong{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:44px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--gold) 40%,var(--line));background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--gold) 9%,var(--surface)),var(--surface) 70%)}.pyx-kosong-ikon{font-size:44px}.pyx-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.pyx-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted);max-width:460px}.pyx-kosong-aksi{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media (max-width: 900px){.pyx-bulan{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 640px){.pyx-periode{padding:12px}.pyx-periode-label{min-width:0;flex:1}.pyx-ini{margin-left:0}.pyx-siap{grid-template-columns:1fr}.pyx-jumlah{align-items:flex-start}.pyx-aksi{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.pyx-geser,.pyx-bulan button,.pyx-siap-kotak,.pyx-bayar,.pyx-ikon{transition:none}}.dtg-latar{padding:18px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 80%,#888 6%);overflow-x:auto}.dtg-dokumen{box-sizing:border-box;width:100%;max-width:794px;min-width:640px;margin:0 auto;padding:40px 44px 30px;background:#fff;color:#111;border-radius:4px;box-shadow:0 10px 30px #0000002e;font-family:Times New Roman,"Liberation Serif",Georgia,serif;font-size:12.5px;line-height:1.42}.dtg-dokumen *{color:inherit}.dtg-kop{display:flex;align-items:center;gap:16px;padding-bottom:10px;border-bottom:3px double #111}.dtg-kop img,.dtg-logo-kosong{width:62px;height:62px;border-radius:6px;object-fit:cover;flex-shrink:0}.dtg-logo-kosong{display:grid;place-items:center;font-size:30px;background:#f1f1f1}.dtg-kop-nama{font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.dtg-kop-alamat{font-size:11.5px;color:#333;margin-top:2px}.dtg-judul{text-align:center;margin:16px 0 14px}.dtg-judul h1{margin:0;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.dtg-judul div{margin-top:4px;font-size:12px;color:#333}.dtg-ringkas{width:100%;border-collapse:collapse;margin-bottom:10px;table-layout:fixed}.dtg-ringkas td{border:1px solid #999;padding:6px 8px;vertical-align:top}.dtg-ringkas span{display:block;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#555}.dtg-ringkas strong{display:block;font-size:12.5px;font-variant-numeric:tabular-nums}.dtg-info{border-collapse:collapse;margin-bottom:6px;font-size:12px}.dtg-info th{text-align:left;font-weight:400;color:#444;padding:1px 14px 1px 0;white-space:nowrap}.dtg-info th:after{content:" :"}.dtg-info td{padding:1px 0}.dtg-mono{font-family:Courier New,ui-monospace,monospace;letter-spacing:.02em}.dtg-sub{margin:16px 0 6px;font-size:13px;font-weight:700}.dtg-sub span{font-weight:400;color:#444}.dtg-tabel{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}.dtg-tabel th{background:#e9efec;border:1px solid #666;padding:6px;text-align:left;font-size:10.5px;letter-spacing:.03em;text-transform:uppercase}.dtg-tabel td{border:1px solid #999;padding:5px 6px;vertical-align:top;overflow-wrap:anywhere}.dtg-tabel td small{display:block;font-size:10px;color:#555}.dtg-tabel tbody tr:nth-child(2n) td{background:#fafafa}.dtg-tabel tfoot td{border:1px solid #666;padding:7px 6px;font-weight:700;background:#f3f3f3}.dtg-tabel tr.dtg-kosong em{font-style:italic;color:#8a1f11}.dtg-c{text-align:center}.dtg-r{text-align:right}.dtg-angka{font-variant-numeric:tabular-nums;white-space:nowrap}.dtg-centang{display:inline-block;width:14px;height:14px;border:1px solid #555;border-radius:2px;vertical-align:middle}.dtg-tidak-ada{font-style:italic;color:#555;padding:10px!important}.dtg-terbilang{margin-top:6px;padding:6px 10px;border:1px dashed #888;font-size:12px}.dtg-terbilang span{font-weight:700}.dtg-catatan{margin:6px 0 0;font-size:11px;font-style:italic;color:#444}.dtg-ttd-tempat{margin-top:24px;text-align:right;font-size:12px;padding-right:20px}.dtg-ttd{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:6px;break-inside:avoid}.dtg-ttd td{text-align:center;vertical-align:top;padding:0 8px;font-size:12px}.dtg-ttd span{display:block}.dtg-ttd b{display:block;font-weight:700}.dtg-ttd i{display:block;height:62px}.dtg-ttd small{display:block;font-size:11.5px}.dtg-kaki{margin-top:22px;padding-top:6px;border-top:1px solid #bbb;text-align:center;font-size:9.5px;color:#555}@page dtg{size:A4 portrait;margin:14mm 13mm 16mm;@bottom-center{content:"Daftar Transfer Gaji · Halaman " counter(page) " dari " counter(pages);font:8.5pt Times New Roman,serif;color:#555}}@media print{html:has(.dtg-dokumen){page:dtg}.modal-overlay.mw-overlay:has(.dtg-dokumen){position:absolute!important;inset:0 0 auto 0!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-card.mw-kartu:has(.dtg-dokumen){position:static!important;max-width:none!important;width:auto!important;margin:0!important;box-shadow:none!important;border:0!important;border-radius:0!important}html:has(.dtg-dokumen) body *:not(:has(.dtg-dokumen)):not(.dtg-dokumen):not(.dtg-dokumen *){display:none!important}html:has(.dtg-dokumen),html:has(.dtg-dokumen) body{height:auto!important;overflow:visible!important;background:#fff!important}.mw-kartu:has(.dtg-dokumen) .mw-badan{padding:0!important;background:#fff!important;overflow:visible!important;max-height:none!important}.dtg-latar{padding:0!important;background:none!important;overflow:visible!important;border-radius:0!important}.dtg-dokumen{max-width:none!important;min-width:0!important;width:auto!important;padding:0!important;box-shadow:none!important;border-radius:0!important;font-size:10.5pt}.dtg-tabel{font-size:9.5pt}.dtg-tabel thead{display:table-header-group}.dtg-tabel tfoot{display:table-row-group}.dtg-tabel tr,.dtg-ringkas,.dtg-terbilang{break-inside:avoid}.dtg-sub{break-after:avoid}.dtg-tabel th,.dtg-tabel tfoot td,.dtg-tabel tbody tr:nth-child(2n) td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.dtg-dokumen .no-print{display:none!important}}.dtg-ringkas em{display:block;font-style:normal;font-size:11px;color:#333;font-variant-numeric:tabular-nums}.dtg-tabel-lunas th{background:#eef2f7}.dtg-tgl{font-size:10.5px;white-space:nowrap}.dtg-lunas-semua{margin:14px 0 4px;padding:8px 12px;border:1px solid #7aa88f;background:#eef6f1;font-size:12px;font-weight:700}@media print{.dtg-tabel-lunas th,.dtg-lunas-semua{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.dtg-dokumen.dtp{--hijau: #1f7a5c;--hijau-m: #e7f3ee;--emas: #a8741a;--emas-m: #fbf1de;--biru: #2f5d9e;--biru-m: #e8eef8;--garis: #dfe3e6;--redup: #5d6670;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.45;color:#1d2733;padding:34px 38px 26px}.dtp-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;border-bottom:3px solid var(--hijau)}.dtp-identitas{display:flex;align-items:center;gap:12px;min-width:0}.dtp-identitas img,.dtp-logo-kosong{width:54px;height:54px;border-radius:10px;object-fit:cover;flex-shrink:0}.dtp-logo-kosong{display:grid;place-items:center;font-size:26px;background:var(--hijau-m)}.dtp-pondok{font-size:15px;font-weight:800;color:#0f3d2e}.dtp-alamat{font-size:10px;color:var(--redup);margin-top:2px;max-width:340px}.dtp-judul{text-align:right;flex-shrink:0}.dtp-judul span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--redup)}.dtp-judul h1{margin:2px 0 6px;font-size:21px;font-weight:800;color:#0f3d2e;letter-spacing:-.01em}.dtp-periode{display:inline-block;padding:3px 14px;border-radius:999px;font-size:12px;font-weight:800;color:#fff;background:var(--hijau)}.dtp-meta{display:flex;flex-wrap:wrap;gap:6px 22px;padding:8px 0 14px;font-size:10.5px;color:var(--redup);border-bottom:1px solid var(--garis)}.dtp-meta b{color:#1d2733;font-weight:700;margin-right:4px}.dtp-ringkas{display:grid;grid-template-columns:1.05fr 1.6fr;gap:12px;margin-top:16px;break-inside:avoid}.dtp-ringkas-utama{padding:14px 16px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#17604a,#0c3d2d)}.dtp-ringkas-utama span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.dtp-ringkas-utama strong{display:block;margin-top:2px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.dtp-ringkas-utama small{display:block;font-size:10.5px;opacity:.85}.dtp-bar{display:flex;height:8px;margin-top:10px;border-radius:999px;overflow:hidden;background:#fff3}.dtp-bar i{display:block;height:100%}.dtp-bar i.biru{background:#8fb6ee}.dtp-bar i.hijau{background:#7fdcb5}.dtp-bar i.emas{background:#f1cf86}.dtp-ringkas-kartu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dtp-ringkas-kartu>div{--w: var(--hijau);--wm: var(--hijau-m);padding:10px 12px;border-radius:10px;background:var(--wm);border-left:4px solid var(--w)}.dtp-ringkas-kartu .emas{--w: var(--emas);--wm: var(--emas-m)}.dtp-ringkas-kartu .biru{--w: var(--biru);--wm: var(--biru-m)}.dtp-ringkas-kartu span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--w)}.dtp-ringkas-kartu strong{display:block;margin-top:3px;font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}.dtp-ringkas-kartu small{font-size:10.5px;color:var(--redup)}.dtp-kalimat{margin-top:10px;padding:8px 12px;border-radius:8px;font-size:11.5px;background:#f6f7f8;border:1px solid var(--garis)}.dtp-bank-rekap{margin-top:12px;break-inside:avoid}.dtp-bank-rekap h3{margin:0 0 6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--redup)}.dtp-bank-daftar{display:flex;flex-wrap:wrap;gap:6px}.dtp-bank-daftar div{display:flex;align-items:baseline;gap:8px;padding:5px 10px;border-radius:8px;border:1px solid var(--garis);font-size:11px}.dtp-bank-daftar span{color:var(--redup)}.dtp-bank-daftar strong{font-variant-numeric:tabular-nums}.dtp-bagian{--w: var(--hijau);--wm: var(--hijau-m);margin-top:18px}.dtp-bagian.emas{--w: var(--emas);--wm: var(--emas-m)}.dtp-bagian.biru{--w: var(--biru);--wm: var(--biru-m)}.dtp-bagian-kepala{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px 10px 0 0;background:var(--wm);border-bottom:2px solid var(--w);break-after:avoid}.dtp-kode{width:26px;height:26px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--w)}.dtp-bagian-kepala>div:nth-child(2){flex:1;min-width:0}.dtp-bagian-kepala h2{margin:0;font-size:13.5px;font-weight:800;color:var(--w)}.dtp-bagian-kepala p{margin:1px 0 0;font-size:10.5px;color:var(--redup)}.dtp-bagian-total{text-align:right;flex-shrink:0}.dtp-bagian-total strong{display:block;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.dtp-bagian-total span{font-size:10.5px;color:var(--redup)}.dtp-tabel{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11.5px}.dtp-tabel th{padding:6px 8px;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--redup);border-bottom:1px solid var(--garis)}.dtp-tabel td{padding:7px 8px;vertical-align:top;border-bottom:1px solid var(--garis);overflow-wrap:anywhere}.dtp-tabel tbody tr:nth-child(2n) td{background:#fafbfb}.dtp-tabel td small{display:block;font-size:10px;color:var(--redup)}.dtp-tabel .c{text-align:center}.dtp-tabel .r{text-align:right}.dtp-no{color:var(--redup)}.dtp-bank{display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;font-size:9.5px;font-weight:800;color:#fff;background:var(--biru)}.dtp-rek{font-family:Consolas,Courier New,monospace;font-size:11.5px;letter-spacing:.03em}.dtp-tanpa{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--emas);background:var(--emas-m)}.dtp-uang{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.dtp-paraf{display:inline-block;width:46px;height:16px;border-bottom:1px dotted #888}.dtp-lunas{font-size:10.5px;font-weight:700;color:var(--biru);white-space:nowrap}.dtp-tabel tfoot td{padding:8px;font-weight:800;border-top:2px solid var(--w);border-bottom:0;background:var(--wm)}.dtp-terbilang{display:flex;gap:10px;align-items:baseline;margin-top:6px;padding:7px 12px;border-radius:8px;border:1px dashed var(--hijau);font-size:11.5px;break-inside:avoid}.dtp-terbilang span{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hijau);white-space:nowrap}.dtp-catatan{margin-top:14px;font-style:italic;color:var(--redup)}.dtp-ttd{margin-top:24px;break-inside:avoid}.dtp-ttd-tempat{text-align:right;font-size:11.5px;margin-bottom:8px}.dtp-ttd-kisi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dtp-ttd-kisi div{text-align:center;padding:10px 8px;border:1px solid var(--garis);border-radius:10px}.dtp-ttd-kisi span{display:block;font-size:10.5px;color:var(--redup)}.dtp-ttd-kisi b{display:block;font-size:12px}.dtp-ttd-kisi i{display:block;height:58px;border-bottom:1px solid #999;margin:0 10px 4px}.dtp-ttd-kisi small{font-size:9.5px;color:var(--redup)}.dtp-kaki{margin-top:18px;padding-top:6px;border-top:1px solid var(--garis);text-align:center;font-size:9px;color:var(--redup)}@media print{.dtg-dokumen.dtp{padding:0!important;font-size:9.5pt}.dtg-dokumen.dtp *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.dtp-tabel{font-size:9pt}.dtp-tabel thead{display:table-header-group}.dtp-tabel tfoot{display:table-row-group}.dtp-tabel tr{break-inside:avoid}}.dtp-tabel tr.dtp-subtotal td{padding:8px;font-weight:800;border-top:2px solid var(--w);border-bottom:0;background:var(--wm)!important}.dtp-tabel tbody.dtp-akhir tr:first-child:not(.dtp-subtotal) td{background:transparent}@page dtg{@bottom-center{content:"Daftar Transfer Gaji · Halaman " counter(page) " dari " counter(pages);font:8pt Segoe UI,Arial,sans-serif;color:#5d6670}}@media print{.dtp-tabel tbody.dtp-akhir{break-inside:avoid}}.dtg-dokumen.dtf{font-family:Times New Roman,"Liberation Serif",Georgia,serif;font-size:13px;line-height:1.4;color:#000;padding:38px 46px 34px}.dtf-kop{position:relative;display:flex;align-items:center;justify-content:center;min-height:72px;padding:0 80px 10px;border-bottom:3px double #000}.dtf-kop img,.dtf-logo-kosong{position:absolute;left:0;top:0;width:70px;height:70px;object-fit:contain}.dtf-logo-kosong{display:grid;place-items:center;font-size:34px}.dtf-kop-teks{text-align:center}.dtf-kop-nama{font-size:20px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.dtf-kop-alamat{margin-top:3px;font-size:12px}.dtf-judul{margin:18px 0 12px;text-align:center}.dtf-judul h1{margin:0;font-size:15.5px;font-weight:700;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px}.dtf-judul div{margin-top:3px;font-size:13px}.dtf-identitas{border-collapse:collapse;margin-bottom:4px;font-size:13px}.dtf-identitas td{padding:1px 0;vertical-align:top}.dtf-identitas td:first-child{width:175px}.dtf-identitas td:nth-child(2){width:14px}.dtf-sub{margin:16px 0 6px;font-size:13.5px;font-weight:700}.dtf-tabel{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12.5px}.dtf-tabel th{padding:6px 5px;border:1px solid #000;background:#e6e6e6;font-weight:700;text-align:center;vertical-align:middle}.dtf-tabel td{padding:5px 6px;border:1px solid #000;vertical-align:top;overflow-wrap:anywhere}.dtf-tabel .c{text-align:center}.dtf-tabel .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dtf-tabel tfoot td{font-weight:700;background:#f2f2f2}.dtf-rincian td small{display:block;font-size:11px}.dtf-mono{font-family:Courier New,monospace;font-size:12px}.dtf-ket{font-size:11.5px}.dtf-kelompok td{font-weight:700;background:#f2f2f2;padding:5px 6px}.dtf-subtotal td{font-weight:700;font-style:italic}.dtf-total td{font-weight:700;background:#e6e6e6;font-size:13px}.dtf-terbilang{margin-top:10px;border-collapse:collapse;font-size:13px}.dtf-terbilang td{padding:2px 0;vertical-align:top}.dtf-terbilang td:first-child{width:175px}.dtf-terbilang td:nth-child(2){width:14px}.dtf-catatan{margin-top:12px;font-size:12px}.dtf-catatan ol{margin:2px 0 0;padding-left:18px}.dtf-ttd-tempat{margin-top:22px;text-align:right;padding-right:32px;font-size:13px}.dtf-ttd{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:8px;font-size:13px}.dtf-ttd td{text-align:center;vertical-align:top;padding:0 6px}.dtf-ttd-ruang td{height:70px}@page dtg{@bottom-center{content:"Halaman " counter(page) " dari " counter(pages);font:9pt Times New Roman,serif;color:#000}}@media print{.dtg-dokumen.dtf{padding:0!important;font-size:11pt}.dtg-dokumen.dtf *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.dtf-tabel{font-size:10pt}.dtf-tabel thead{display:table-header-group}.dtf-tabel tfoot{display:table-row-group}.dtf-tabel tr{break-inside:avoid}.dtf-kelompok,.dtf-akhir{break-after:avoid}.dtf-terbilang,.dtf-catatan{break-inside:avoid}.dtf-ttd,.dtf-ttd-tempat{break-inside:avoid;break-before:auto}.dtf-ttd-tempat{break-after:avoid}}.bgm-form{display:flex;flex-direction:column;gap:14px}.bgm-ringkas{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:10px}.bgm-ringkas>div{padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border:1px solid var(--line);min-width:0}.bgm-ringkas small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}.bgm-ringkas strong{font-family:var(--serif);font-size:20px;color:var(--accent-ink);font-variant-numeric:tabular-nums}.bgm-rek{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:13px;color:var(--ink)}.bgm-rek code{font-family:ui-monospace,monospace;font-size:13.5px;letter-spacing:.03em}.bgm-rek button{font:inherit;font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--accent-soft);border:0}.bgm-rek em{flex-basis:100%;font-style:normal;font-size:12px;color:var(--ink-muted)}.bgm-rek-kosong{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--bad)}.bgm-metode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bgm-metode button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;font:inherit;padding:10px 14px;border-radius:14px;cursor:pointer;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.bgm-metode button span{grid-row:1 / 3;font-size:22px}.bgm-metode button b{font-size:13.5px}.bgm-metode button small{font-size:11.5px;color:var(--ink-muted)}.bgm-metode button.aktif{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.bgm-metode button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bgm-wajib{margin-left:6px;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:800;color:var(--bad);background:var(--bad-soft)}.bgm-unggah{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:150px;padding:16px;border-radius:16px;cursor:pointer;text-align:center;border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--surface));transition:border-color .15s ease,background .15s ease;overflow:hidden}.bgm-unggah:hover,.bgm-unggah.seret{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.bgm-unggah:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bgm-unggah-ikon{font-size:34px}.bgm-unggah strong{font-size:13px;color:var(--ink)}.bgm-unggah small{font-size:11.5px;color:var(--ink-faint)}.bgm-unggah.ada{padding:8px;border-style:solid}.bgm-unggah img{max-height:260px;max-width:100%;border-radius:10px;object-fit:contain}.bgm-unggah-ganti{position:absolute;right:10px;bottom:10px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:#0009}.bgm-galat{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--bad)}.pyx-bukti{display:inline-flex;margin-top:4px;font:inherit;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}button.pyx-bukti{cursor:pointer;border:1px solid transparent}.pyx-bukti.ada{color:#2f5d9e;background:color-mix(in srgb,#2f5d9e 10%,var(--surface));border-color:color-mix(in srgb,#2f5d9e 25%,transparent)}.pyx-bukti.ada:hover{background:color-mix(in srgb,#2f5d9e 18%,var(--surface))}.pyx-bukti.tunai{color:var(--ink-muted);background:var(--surface-2)}.pyx-bukti.kosong{color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--gold-soft);border:1px dashed color-mix(in srgb,var(--gold) 50%,transparent)}.pyx-bukti:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 560px){.bgm-ringkas,.bgm-metode{grid-template-columns:1fr}}.frk{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));min-width:0}.frk-isian{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:8px}.frk.ringkas .frk-isian{grid-template-columns:1fr;gap:6px}.frk-isian label{display:flex;flex-direction:column;gap:2px;min-width:0}.frk-isian span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.frk-isian input{font:inherit;font-size:13px;height:34px;padding:0 10px;border-radius:9px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);min-width:0;outline:0}.frk-isian input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.frk-galat{font-size:12px;font-weight:700;color:var(--bad)}.frk-aksi{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pyx-tabel td .frk{min-width:210px}.pyx-rek-ubah{margin-top:3px;font:inherit;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));opacity:.75;transition:opacity .15s ease,background .15s ease}.pyx-tabel tr:hover .pyx-rek-ubah,.pyx-rek-ubah:focus-visible,.pyx-rek-ubah.isi{opacity:1}.pyx-rek-ubah:hover{background:var(--accent-soft)}.pyx-rek-ubah.isi{color:#fff;border-color:transparent;background:linear-gradient(135deg,#34b083,var(--accent))}.pyx-rek-ubah:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bgm-ringkas>div:has(.frk){grid-column:1 / -1}.bgm-rek-ubah{font:inherit;font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line))}.bgm-rek-kosong .bgm-rek-ubah{margin-left:6px;color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent))}@media (max-width: 560px){.frk-isian{grid-template-columns:1fr}}.kax-kotak-baris{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kax-kotak{--r: var(--gold);all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--r) 8%,var(--surface));border:1.5px solid color-mix(in srgb,var(--r) 24%,var(--line));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kax-kotak.merah{--r: var(--bad)}.kax-kotak.biru{--r: #3f74c4}.kax-kotak:hover{transform:translateY(-1px);border-color:var(--r);box-shadow:0 10px 20px -14px var(--r)}.kax-kotak.aktif{border-color:var(--r);box-shadow:0 0 0 3px color-mix(in srgb,var(--r) 18%,transparent)}.kax-kotak:focus-visible{outline:2px solid var(--r);outline-offset:2px}.kax-kotak small{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.kax-kotak strong{font-family:var(--serif);font-size:22px;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}.kax-kotak span{font-size:11.5px;color:var(--ink-muted)}.kax-akun-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:8px;padding:14px 22px 4px}.kax-akun{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:var(--surface);border:1.5px solid var(--line);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}.kax-akun:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));box-shadow:0 10px 20px -16px color-mix(in srgb,var(--accent) 80%,transparent)}.kax-akun.kustom{border-left:4px solid var(--gold)}.kax-akun.dipilih{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.kax-akun:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kax-akun-teks{display:flex;flex-direction:column;min-width:0}.kax-akun-teks strong{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kax-akun-teks small{font-size:11.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kax-akun-chip{display:flex;gap:4px}.kax-akun-chip em,.kax-kustom-meta em{font-style:normal;font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px}.kax-akun-chip .cabut,.kax-kustom-meta .cabut{color:var(--bad);background:var(--bad-soft)}.kax-akun-chip .tambah,.kax-kustom-meta .tambah{color:#2f5d9e;background:color-mix(in srgb,#3f74c4 12%,var(--surface))}.kax-akun-bawaan{font-size:10.5px;font-weight:700;color:var(--ink-faint)}.kax-akun-lagi{display:flex;justify-content:center;padding:8px 22px 16px}.kax-lagi{font:inherit;font-size:12.5px;font-weight:700;padding:6px 16px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--surface);border:1.5px dashed color-mix(in srgb,var(--accent) 40%,var(--line))}.kax-lagi:hover{background:var(--accent-soft)}.kax-kosong-teks{margin:10px 0;font-size:13px;color:var(--ink-faint)}.kax-akun-kisi .kax-kosong-teks{grid-column:1 / -1}.kax-petunjuk{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;border-radius:18px;font-size:13.5px;color:var(--ink-muted);background:color-mix(in srgb,var(--accent) 5%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--accent) 30%,var(--line))}.kax-petunjuk>span{font-size:22px}.kax-petunjuk strong{color:var(--ink)}.kax-panel{margin-top:16px;padding:18px 20px;border-radius:22px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));box-shadow:0 18px 40px -30px #0d4a3873,var(--shadow)}.kax-panel-kepala{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;margin:-4px -6px 14px;border-radius:18px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 55%);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}.kax-cincin{--p: 0;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 1%),color-mix(in srgb,var(--line) 80%,transparent) 0)}.kax-cincin>*{box-shadow:0 0 0 3px var(--surface);border-radius:50%}.kax-panel-identitas{min-width:0}.kax-panel-identitas small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.kax-panel-identitas h2{margin:1px 0 4px;font-family:var(--serif);font-size:21px;color:var(--ink)}.kax-panel-identitas>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kax-kontak{font-size:12.5px;color:var(--ink-muted)}.kax-panel-angka{display:flex;gap:8px}.kax-panel-angka>div{display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);min-width:100px}.kax-panel-angka>div.kustom{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));background:var(--gold-soft)}.kax-panel-angka strong{font-family:var(--serif);font-size:21px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.kax-panel-angka strong small{font-size:13px;color:var(--ink-faint)}.kax-panel-angka span{font-size:11px;color:var(--ink-muted)}.kax-panel-aksi{display:flex;flex-direction:column;gap:6px;align-items:stretch}.kax-tombol{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12.5px;font-weight:700;height:34px;padding:0 14px;border-radius:10px;cursor:pointer;white-space:nowrap;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:background .15s ease,border-color .15s ease}.kax-tombol:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.kax-tombol.halus{color:var(--ink-muted);border-style:dashed}.kax-tombol.utama{color:#fff;border:0;background:linear-gradient(135deg,#34b083,var(--accent) 65%)}.kax-tombol:disabled{opacity:.55;cursor:wait}.kax-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kax-saring{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.kax-grup-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:12px;align-items:start}.kax-grup{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 35%,var(--surface));overflow:hidden}.kax-grup-kepala{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface))}.kax-grup-judul{flex:1;min-width:0;font-family:var(--serif);font-size:15px;font-weight:600;color:color-mix(in srgb,var(--gold) 70%,var(--ink))}.kax-grup-hitung{font-size:12px;font-weight:800;color:var(--ink-muted);font-variant-numeric:tabular-nums}.kax-grup-bar{width:70px;height:6px;border-radius:999px;overflow:hidden;background:var(--line)}.kax-grup-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34b083,var(--accent))}.kax-fitur-daftar{display:flex;flex-direction:column}.kax-fitur{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 14px;border-left:3px solid transparent;transition:background .15s ease}.kax-fitur+.kax-fitur{border-top:1px dashed var(--line)}.kax-fitur:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.kax-fitur.kustom{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface))}.kax-fitur-titik{width:9px;height:9px;border-radius:50%;background:var(--line)}.kax-fitur.izin .kax-fitur-titik{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kax-fitur.tolak .kax-fitur-titik{background:color-mix(in srgb,var(--ink-faint) 60%,var(--line))}.kax-fitur.kustom .kax-fitur-titik{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.kax-fitur-teks{display:flex;flex-direction:column;min-width:0}.kax-fitur-teks strong{font-size:13.5px;font-weight:600;color:var(--ink)}.kax-fitur-teks small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:1px;font-size:11.5px;color:var(--ink-faint)}.kax-chip-kustom{font-style:normal;font-size:10px;font-weight:800;padding:0 7px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#e2b45a,var(--gold))}.kax-fitur-aksi{display:flex;align-items:center;gap:8px;flex-shrink:0}.kax-reset{font:inherit;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;cursor:pointer;color:color-mix(in srgb,var(--gold) 75%,var(--ink));background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line))}.kax-reset:hover:not(:disabled){background:var(--gold-soft)}.kax-reset:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kax-catatan{margin:14px 0 0;font-size:12px;color:var(--ink-faint)}.kax-kustom-kepala{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.kax-kustom-kepala h2{margin:0;font-family:var(--serif);font-size:18px;color:var(--ink)}.kax-kustom-kepala p{margin:2px 0 0;font-size:12.5px;color:var(--ink-muted)}.kax-kustom-info{font-size:12.5px;color:var(--ink-muted)}.kax-semua-bawaan{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;font-size:13px;color:var(--accent-ink);background:var(--accent-soft)}.kax-kustom-daftar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:10px}.kax-kustom-kartu{padding:12px 14px;border-radius:16px;border:1px solid var(--line);border-left:4px solid var(--gold);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--gold) 7%,var(--surface)),var(--surface) 55%);transition:box-shadow .15s ease}.kax-kustom-kartu:hover{box-shadow:0 12px 24px -18px color-mix(in srgb,var(--gold) 70%,transparent)}.kax-kustom-kartu.dipilih{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.kax-kustom-baris{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kax-kustom-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:11.5px;color:var(--ink-faint)}.kax-kustom-aksi{display:flex;gap:6px}.kax-kustom-chip{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.kax-kustom-chip span{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}.kax-kustom-chip .izin{color:var(--accent-ink);background:var(--accent-soft)}.kax-kustom-chip .cabut{color:var(--bad);background:var(--bad-soft)}@media (max-width: 1100px){.kax-panel-kepala{grid-template-columns:auto minmax(0,1fr)}.kax-panel-angka,.kax-panel-aksi{grid-column:1 / -1}.kax-panel-aksi{flex-direction:row;flex-wrap:wrap}}@media (max-width: 640px){.kax-kotak-baris{grid-template-columns:1fr}.kax-akun-kisi{padding:12px 14px 4px}.kax-panel{padding:14px}.kax-fitur{grid-template-columns:auto minmax(0,1fr)}.kax-fitur-aksi{grid-column:1 / -1;justify-content:flex-end}}@media (prefers-reduced-motion: reduce){.kax-akun,.kax-kotak,.kax-fitur{transition:none}.kax-akun:hover,.kax-kotak:hover{transform:none}}.pa-tata:has(.pax-kat){display:block}.pax-kat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 16px}.pax-kat-kartu{--kw: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--kw) 9%,var(--surface)),var(--surface) 60%);border:1.5px solid color-mix(in srgb,var(--kw) 20%,var(--line));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pax-kat-kartu:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kw);opacity:.5;transition:opacity .18s ease}.pax-kat-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kw) 50%,var(--line));box-shadow:0 14px 26px -18px var(--kw)}.pax-kat-kartu.aktif{border-color:var(--kw);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--kw) 18%,var(--surface)),var(--surface) 65%);box-shadow:0 0 0 3px color-mix(in srgb,var(--kw) 16%,transparent),0 16px 30px -20px var(--kw)}.pax-kat-kartu.aktif:before{opacity:1}.pax-kat-kartu:focus-visible{outline:2px solid var(--kw);outline-offset:2px}.pax-kat-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--kw) 28%,var(--surface)),color-mix(in srgb,var(--kw) 10%,var(--surface)));border:1px solid color-mix(in srgb,var(--kw) 30%,var(--line))}.pax-kat-kartu.aktif .pax-kat-ikon{background:linear-gradient(145deg,color-mix(in srgb,var(--kw) 75%,#fff),var(--kw));box-shadow:0 8px 18px -10px var(--kw)}.pax-kat-teks{display:flex;flex-direction:column;min-width:0}.pax-kat-teks strong{font-family:var(--serif);font-size:16px;color:var(--ink)}.pax-kat-teks small{font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pax-kat-jumlah em{font-style:normal;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#e2b45a,var(--gold))}.pax-kat-jumlah i{font-style:normal;font-size:11px;color:var(--ink-faint);white-space:nowrap}.pax-isi{display:flex;flex-direction:column;gap:16px}.pax-isi-kepala{display:flex;align-items:center;gap:12px;padding:4px 4px 0}.pax-isi-kepala>span{font-size:26px}.pax-isi-kepala h2{margin:0;font-family:var(--serif);font-size:22px;color:var(--ink)}.pax-isi-kepala p{margin:2px 0 0;font-size:12.5px;color:var(--ink-muted)}.pax-isi .pa-bagian{--kw: var(--accent);border-top:3px solid color-mix(in srgb,var(--kw) 70%,transparent);animation:pax-masuk .28s ease}.pax-isi .pa-bagian .pa-bagian-ikon{background:linear-gradient(145deg,color-mix(in srgb,var(--kw) 24%,var(--surface)),color-mix(in srgb,var(--kw) 8%,var(--surface)));border-color:color-mix(in srgb,var(--kw) 30%,var(--line))}@keyframes pax-masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pax-kotor-bar{position:sticky;bottom:14px;z-index:30;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:10px 16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2b2416,#4a3a16 60%,#6b5016);box-shadow:0 18px 36px -16px #0000008c,inset 0 0 0 1px #f1d28a59}.pax-kotor-ikon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#2b2416;background:linear-gradient(135deg,#f3d48a,#c99a3c)}.pax-kotor-bar strong{font-size:13.5px}.pax-kotor-chip{display:flex;flex-wrap:wrap;gap:6px}.pax-kotor-chip button{font:inherit;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;cursor:pointer;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.28)}.pax-kotor-chip button:hover{background:#ffffff3d}.pax-kotor-chip button:focus-visible{outline:2px solid #f3d48a;outline-offset:2px}@media (max-width: 1100px){.pax-kat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.pax-kat{grid-template-columns:1fr}.pax-kat-kartu{padding:12px}}@media (prefers-reduced-motion: reduce){.pax-kat-kartu,.pax-isi .pa-bagian{transition:none;animation:none}.pax-kat-kartu:hover{transform:none}}.pak-tata{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:26px;align-items:start}.pak-form{display:flex;flex-direction:column;gap:14px;min-width:0}.pak-form .field{margin:0}.pak-form .input{width:100%;box-sizing:border-box}.pak-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pak-label span{font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.pak-label span.lewat{color:var(--bad);font-weight:700}.pak-isi{min-height:190px;resize:vertical;line-height:1.55;font-size:13.5px}.pak-aksi-cepat{display:flex;gap:8px;flex-wrap:wrap}.pak-tombol{font:inherit;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.pak-tombol:hover{background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.pak-tombol.halus{color:var(--ink-muted);background:var(--surface);border:1px dashed var(--line)}.pak-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pak-pratinjau{display:flex;flex-direction:column;gap:10px;min-width:0}.pak-pratinjau-kepala{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pak-skala{font-size:11px;color:var(--ink-faint)}.pak-bingkai{display:flex;justify-content:center;padding:18px;border-radius:18px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--surface-2) 90%,var(--surface)) 0 10px,var(--surface) 10px 20px);border:1px solid var(--line)}.pak-kartu{zoom:1.3;position:relative;width:300px;aspect-ratio:1.586;box-sizing:border-box;border-radius:16px;padding:20px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--accent-ink) 0%,#0a2e22 100%);box-shadow:0 14px 30px -12px #00000073}.pak-watermark{position:absolute;right:-30px;top:-30px;width:160px;height:160px;object-fit:cover;opacity:.08;filter:grayscale(1)}.pak-kartu-isi{position:relative;flex:1;min-height:0;overflow:hidden}.pak-kartu-judul{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding-bottom:5px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.35);overflow-wrap:anywhere}.pak-kartu-teks{font-size:7.5px;line-height:1.45;opacity:.92;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.pak-kartu-kosong{font-size:10.5px;opacity:.6;font-style:italic}.pak-kartu-pita{position:relative;margin:0 -20px -20px;padding:8px 20px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;background:#00000059}.pak-kartu-pita span{font-size:8px;opacity:.85;line-height:1.35}.pak-kartu-pita b{font-size:10.5px;font-family:monospace;letter-spacing:.04em}.pak-peringatan{padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--ink);background:var(--bad-soft);border-left:3px solid var(--bad)}.pak-aman{padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--accent-ink);background:var(--accent-soft)}.pak-catatan{margin:0;font-size:11.5px;color:var(--ink-faint)}@media (max-width: 1250px){.pak-tata{grid-template-columns:1fr}.pak-pratinjau{max-width:520px}}@media (max-width: 560px){.pak-kartu{zoom:1}.pak-bingkai{padding:10px}}.rax-spark{height:62px;margin-top:2px}.rax-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rax-mini>div,.rax-mini>button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border:1.5px solid var(--line);min-width:0}.rax-mini span{grid-row:1 / 3;font-size:18px}.rax-mini strong{font-family:var(--serif);font-size:19px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.rax-mini small{font-size:11px;color:var(--ink-muted)}.rax-mini>button{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.rax-mini>button.ada{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,var(--line))}.rax-mini>button.ada strong{color:var(--bad)}.rax-mini>button.aktif{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 16%,transparent)}.rax-mini>button:focus-visible{outline:2px solid var(--bad);outline-offset:2px}.rax-bawah .rax-modul{flex:0 1 200px}.rax-bawah .rax-modul input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;color:var(--ink);min-width:0}.rax-bawah .rax-tgl{flex:0 1 auto;gap:6px}.rax-bawah .rax-tgl input{border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);width:128px}.rax-sd{font-size:11.5px;font-weight:700;color:var(--ink-faint)}.rax-hari-blok{margin-bottom:18px}.rax-hari{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;margin-bottom:8px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));box-shadow:0 8px 18px -16px #0006}.rax-hari-label{font-family:var(--serif);font-size:16px;font-weight:600;color:color-mix(in srgb,var(--gold) 70%,var(--ink))}.rax-hari-chip{display:flex;flex-wrap:wrap;gap:5px;flex:1}.rax-hari-chip em{font-style:normal;font-size:11px;font-weight:800;padding:1px 8px;border-radius:999px;color:var(--warna);background:color-mix(in srgb,var(--warna) 12%,var(--surface))}.rax-hari-jumlah{font-size:12px;color:var(--ink-faint)}.rax-lini{list-style:none;margin:0;padding:0;position:relative}.rax-lini:before{content:"";position:absolute;top:6px;bottom:6px;left:95px;width:2px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 40%,var(--line)),var(--line))}.rax-item{position:relative;display:grid;grid-template-columns:80px 32px minmax(0,1fr);align-items:start;gap:0 0;padding:4px 0}.rax-jam{padding:10px 8px 0 0;text-align:right}.rax-jam strong{display:block;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink)}.rax-jam small{font-size:10.5px;color:var(--ink-faint)}.rax-titik{position:relative;z-index:1;justify-self:center;margin-top:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:color-mix(in srgb,var(--warna) 15%,var(--surface));border:2px solid var(--warna);box-shadow:0 0 0 3px var(--bg, var(--surface))}.rax-kartu{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:8px;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--warna);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.rax-item:hover .rax-kartu{transform:translate(2px);box-shadow:0 10px 22px -16px color-mix(in srgb,var(--warna) 80%,transparent),var(--shadow)}.rax-item.sesi .rax-kartu{padding:7px 14px;background:color-mix(in srgb,var(--surface-2) 50%,var(--surface));box-shadow:none}.rax-item.sesi .rax-titik{width:22px;height:22px;font-size:10.5px;margin-top:10px}.rax-item.bahaya .rax-kartu{background:color-mix(in srgb,var(--bad) 5%,var(--surface))}.rax-kartu-isi{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:3px}.rax-baris-atas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rax-kalimat{font-size:13.5px;color:var(--ink-muted)}.rax-kalimat strong{color:var(--ink)}.rax-chip{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rax-jenis{font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:999px;color:#fff;background:var(--warna)}.rax-item.sesi .rax-jenis{color:var(--warna);background:color-mix(in srgb,var(--warna) 12%,var(--surface))}.rax-aksi{display:flex;gap:6px;flex-shrink:0}.rax-tombol{font:inherit;font-size:12px;font-weight:700;height:32px;padding:0 12px;border-radius:10px;cursor:pointer;white-space:nowrap;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:border-color .15s ease,background .15s ease}.rax-tombol:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.rax-tombol.utama{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.rax-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rax-kosong{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:40px 20px;border-radius:22px;border:1.5px dashed color-mix(in srgb,var(--gold) 40%,var(--line));background:radial-gradient(80% 120% at 50% 0%,color-mix(in srgb,var(--gold) 8%,var(--surface)),var(--surface) 70%)}.rax-kosong>div{font-size:40px}.rax-kosong strong{font-family:var(--serif);font-size:18px;color:var(--ink)}.rax-kosong p{margin:0 0 6px;font-size:13px;color:var(--ink-muted)}@media (max-width: 640px){.rax-lini:before{left:15px}.rax-item{grid-template-columns:32px minmax(0,1fr)}.rax-jam{grid-column:2;grid-row:1;text-align:left;padding:0 0 2px 8px;display:flex;gap:6px;align-items:baseline}.rax-titik{grid-column:1;grid-row:1 / 3}.rax-kartu{grid-column:2}.rax-mini{grid-template-columns:1fr}.rax-bawah .rax-tgl input{width:112px}}@media (prefers-reduced-motion: reduce){.rax-kartu{transition:none}.rax-item:hover .rax-kartu{transform:none}}.pgx-kotak-kisi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pgx-kotak{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 12px;border-radius:14px;--k: var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--k) 9%,var(--surface)),var(--surface) 75%);border:1.5px solid color-mix(in srgb,var(--k) 22%,var(--line));transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pgx-kotak.hijau{--k: var(--ok, #2f8f5b)}.pgx-kotak.biru{--k: #3b6fd8}.pgx-kotak.emas{--k: var(--gold, #b8892b)}.pgx-kotak.merah{--k: var(--bad, #c0392b)}.pgx-kotak small{font-size:11.5px;font-weight:700;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pgx-kotak strong{font-family:var(--serif);font-size:22px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.pgx-kotak strong em{font-style:normal;font-size:13px;color:var(--ink-faint);font-family:inherit}.pgx-kotak>span{font-size:11px;color:var(--ink-faint)}.pgx-kotak.ada strong{color:color-mix(in srgb,var(--k) 85%,var(--ink))}.pgx-kotak:hover{transform:translateY(-1px);box-shadow:0 10px 22px -16px color-mix(in srgb,var(--k) 90%,transparent);border-color:color-mix(in srgb,var(--k) 45%,var(--line))}.pgx-kotak.aktif{border-color:var(--k);box-shadow:0 0 0 3px color-mix(in srgb,var(--k) 18%,transparent)}.pgx-kotak:focus-visible{outline:2px solid var(--k);outline-offset:2px}.pgx-tabel td{vertical-align:middle}.pgx-tabel tbody tr{box-shadow:inset 3px 0 color-mix(in srgb,var(--rk) 70%,transparent)}.pgx-tabel tr.pgx-nonaktif td{opacity:.62}.pgx-tabel tr.pgx-nonaktif td:last-child{opacity:1}.pgx-pengguna{display:flex;align-items:center;gap:11px;min-width:0}.pgx-pengguna strong{display:block;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgx-pengguna small{display:block;font-size:12px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgx-avatar{position:relative;flex-shrink:0;display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px color-mix(in srgb,var(--rk) 55%,var(--line))}.pgx-avatar.online:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 2px var(--surface)}.pgx-status{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.pgx-status small{font-size:11.5px;color:var(--ink-faint)}.pgx-pil{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.pgx-pil.aktif{color:var(--ok, #2f8f5b);background:color-mix(in srgb,var(--ok, #2f8f5b) 12%,var(--surface))}.pgx-pil.nonaktif{color:var(--bad, #c0392b);background:var(--bad-soft, color-mix(in srgb, #c0392b 12%, var(--surface)))}.pgx-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1f8a4c}.pgx-online:before{content:"";width:7px;height:7px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 3px color-mix(in srgb,#22a55a 22%,transparent);animation:pgx-denyut 1.8s ease-in-out infinite}@keyframes pgx-denyut{50%{box-shadow:0 0 0 6px transparent}}.pgx-tautan{display:flex;flex-direction:column;gap:1px;font-size:13px;color:var(--ink);max-width:260px}.pgx-tautan em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint)}.pgx-tautan small,.pgx-strip{color:var(--ink-faint)}.pgx-kunci{font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.pgx-aksi{display:inline-flex;gap:6px}.pgx-ikon{--ik: var(--accent);width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:10px;cursor:pointer;color:var(--ink-muted);background:var(--surface);border:1.5px solid var(--line);transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.pgx-ikon svg{width:16px;height:16px}.pgx-ikon.emas{--ik: var(--gold, #b8892b)}.pgx-ikon.hijau{--ik: var(--ok, #2f8f5b);color:var(--ok, #2f8f5b)}.pgx-ikon.bahaya{--ik: var(--bad, #c0392b)}.pgx-ikon:hover{color:var(--ik);border-color:color-mix(in srgb,var(--ik) 50%,var(--line));background:color-mix(in srgb,var(--ik) 9%,var(--surface));transform:translateY(-1px)}.pgx-ikon:focus-visible{outline:2px solid var(--ik);outline-offset:2px}@media (max-width: 640px){.pgx-kotak-kisi{grid-template-columns:1fr 1fr}.pgx-tautan{max-width:none}}@media (prefers-reduced-motion: reduce){.pgx-online:before{animation:none}.pgx-kotak,.pgx-ikon{transition:none}}.pgx-tabel tr.pgx-klik{cursor:pointer}.pgx-tabel tr.pgx-klik:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pgx-tabel tr.pgx-klik:hover .pgx-pengguna strong{color:var(--accent-ink, var(--accent));text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.ppx-lengkap{min-width:210px;max-width:250px}.ppx-lengkap-atas{display:flex;align-items:baseline;gap:10px}.ppx-lengkap-atas .pp-kelengkapan-angka small{font-size:14px;opacity:.7}.ppx-lengkap-atas .pp-kelengkapan-label{margin-top:0}.ppx-lengkap-daftar{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11.5px}.ppx-lengkap-daftar li{opacity:.62;white-space:nowrap}.ppx-lengkap-daftar li.ok{opacity:1}.ppx-lengkap-daftar li.ok span{color:color-mix(in srgb,var(--gold) 55%,#fff);font-weight:700}.ppx-lengkap-daftar button{all:unset;cursor:pointer;color:#fff;text-decoration:underline dotted;text-underline-offset:3px}.ppx-lengkap-daftar button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.ppx-stat{--sw: var(--accent);position:relative;overflow:hidden;font:inherit;color:inherit;text-align:left;width:100%}button.ppx-stat{cursor:pointer}.ppx-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sw),color-mix(in srgb,var(--sw) 40%,var(--gold)))}.ppx-stat:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sw) 14%,transparent),transparent 70%);pointer-events:none}.ppx-stat .pp-stat-ikon{background:color-mix(in srgb,var(--sw) 13%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sw) 22%,transparent)}.ppx-stat .pp-stat-angka{color:color-mix(in srgb,var(--sw) 70%,var(--ink))}.ppx-stat-panah{margin-left:auto;font-size:22px;line-height:1;color:var(--ink-faint);transition:transform .18s ease,color .18s ease}button.ppx-stat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sw) 45%,var(--line));box-shadow:0 14px 28px -18px color-mix(in srgb,var(--sw) 90%,transparent),var(--shadow)}button.ppx-stat:hover .ppx-stat-panah{transform:translate(3px);color:var(--sw)}button.ppx-stat:focus-visible{outline:2px solid var(--sw);outline-offset:2px}.ppx-kisi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:20px;margin-top:30px;align-items:start}.ppx-kolom{display:flex;flex-direction:column;gap:20px;min-width:0}.ppx-samping{position:sticky;top:16px}.ppx-kartu{position:relative;padding:20px 22px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.ppx-kartu:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 70%,transparent),transparent)}.ppx-kepala{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ppx-kepala-ikon{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:19px;background:linear-gradient(135deg,var(--gold-soft),color-mix(in srgb,var(--accent) 10%,var(--surface)));border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line))}.ppx-kepala h2{margin:0;font-family:var(--serif);font-size:19px;font-weight:700;color:var(--ink);line-height:1.2}.ppx-kepala small{display:block;margin-top:2px;font-size:12px;color:var(--ink-muted)}.ppx-ubah{flex-shrink:0;font:inherit;font-size:12px;font-weight:700;height:30px;padding:0 12px;border-radius:999px;cursor:pointer;color:var(--ink-muted);background:var(--surface);border:1.5px solid var(--line);transition:color .15s ease,border-color .15s ease,background .15s ease}.ppx-ubah:hover{color:var(--accent-ink, var(--accent));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.ppx-ubah:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ppx-visi{padding:26px 30px 26px 66px;font-size:clamp(16px,1.55vw,19px)}.ppx-visi:before{left:16px;top:-8px;font-size:92px}.ppx-misi{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ppx-misi li{display:flex;align-items:flex-start;gap:16px;padding:13px 12px;border-radius:14px;transition:background .16s ease}.ppx-misi li+li{border-top:1px dashed color-mix(in srgb,var(--gold) 26%,var(--line))}.ppx-misi li:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 80%)}.ppx-misi-no{flex-shrink:0;width:38px;font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.15;color:color-mix(in srgb,var(--gold) 80%,var(--ink));font-variant-numeric:tabular-nums}.ppx-misi p{margin:0;padding-top:2px;font-size:14.5px;line-height:1.6;color:var(--ink)}.ppx-bank{min-height:0;aspect-ratio:1.586 / 1}.ppx-bank .pp-bank-isi{padding:20px 22px}.ppx-catatan{margin:12px 0 0;font-size:12px;line-height:1.55;color:var(--ink-muted)}.ppx-peta{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.ppx-peta iframe{display:block;width:100%;height:220px;border:0}.ppx-kartu .pp-kosong-peta{min-height:180px;border-radius:14px}.ppx-alamat{margin:14px 0 0;display:flex;flex-direction:column;gap:10px}.ppx-alamat>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px}.ppx-alamat dt{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}.ppx-alamat dd{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink)}.ppx-alamat dd em{color:var(--ink-faint)}.ppx-angka{font-variant-numeric:tabular-nums}.ppx-aksi{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ppx-tombol{flex:1 1 140px;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);transition:border-color .15s ease,background .15s ease,transform .15s ease}.ppx-tombol:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));transform:translateY(-1px)}.ppx-tombol.utama{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--pp-terang, var(--accent)),var(--pp-gelap, var(--accent)))}.ppx-tombol.utama:hover{box-shadow:0 10px 20px -12px var(--pp-gelap, var(--accent))}.ppx-tombol:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 1100px){.ppx-kisi{grid-template-columns:1fr}.ppx-samping{position:static}}@media (max-width: 640px){.ppx-kartu{padding:16px}.ppx-visi{padding:22px 18px 20px 46px}.ppx-visi:before{left:8px;font-size:70px}.ppx-lengkap{max-width:none;width:100%}}@media (prefers-reduced-motion: reduce){.ppx-stat-panah,button.ppx-stat,.ppx-tombol,.ppx-misi li{transition:none}}.bkx-umur{--u: #4ed39a;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:20px;min-width:330px;max-width:400px;background:#ffffff1c;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.bkx-umur.perhatian{--u: #f0c15a;border-color:color-mix(in srgb,#f0c15a 55%,transparent)}.bkx-umur.tindak{--u: #ff7d7d;border-color:color-mix(in srgb,#ff7d7d 55%,transparent)}.bkx-cincin{flex-shrink:0;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--u) calc(var(--p) * 1%),rgba(255,255,255,.16) 0);box-shadow:0 0 22px -6px var(--u)}.bkx-cincin-isi{width:76px;height:76px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--pp-gelap, #0d2a1f) 92%,#000)}.bkx-cincin-isi strong{font-family:var(--serif);font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.bkx-cincin-isi small{font-size:10px;opacity:.75;margin-top:2px}.bkx-umur-teks{min-width:0;display:flex;flex-direction:column;gap:3px}.bkx-umur-status{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--u)}.bkx-umur-ket{font-size:12px;opacity:.9;line-height:1.4}.bkx-umur-oleh{font-size:11px;opacity:.7}.bkx-umur-tombol{margin-top:8px;align-self:flex-start}.bkx-umur-tombol:disabled{opacity:.75;cursor:progress}.bkx-ringkas{margin-top:22px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2fr) minmax(220px,1fr);border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.bkx-ringkas>*{padding:20px 22px;min-width:0}.bkx-ringkas>*+*{border-left:1px solid var(--line)}.bkx-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 70%,var(--ink-muted));margin-bottom:12px}.bkx-db{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 75%);display:flex;flex-direction:column;justify-content:space-between;gap:16px}.bkx-db-utama{display:flex;align-items:center;gap:12px}.bkx-db-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.bkx-db-utama small{display:block;font-size:11.5px;color:var(--ink-muted)}.bkx-db-utama strong{font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.bkx-db-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bkx-db-mini>div{padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.bkx-db-mini strong{display:block;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}.bkx-db-mini small{font-size:11px;color:var(--ink-faint)}.bkx-isi-kisi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bkx-isi-item{--w: var(--accent);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:9px 12px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--w) 9%,var(--surface)),var(--surface) 80%);border:1px solid color-mix(in srgb,var(--w) 20%,var(--line))}.bkx-isi-item span{grid-row:1 / 3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:color-mix(in srgb,var(--w) 14%,var(--surface))}.bkx-isi-item strong{font-size:16px;line-height:1.15;color:color-mix(in srgb,var(--w) 70%,var(--ink));font-variant-numeric:tabular-nums}.bkx-isi-item small{font-size:11px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bkx-jejak{display:flex;flex-direction:column;gap:10px}.bkx-jejak-baris{display:flex;align-items:flex-start;gap:10px}.bkx-jejak-baris strong{display:block;font-size:13px;color:var(--ink)}.bkx-jejak-baris small{font-size:11.5px;color:var(--ink-muted);line-height:1.4}.bkx-jejak-ikon{flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px}.bkx-jejak-ikon.hijau{background:color-mix(in srgb,#1f7a5c 13%,var(--surface))}.bkx-jejak-ikon.merah{background:color-mix(in srgb,#b23b3b 12%,var(--surface))}.bkx-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 14px}.bkx-mode-kartu{--m: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.bkx-mode-kartu:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--m);opacity:.35;transition:opacity .16s ease}.bkx-mode-ikon{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--m) 13%,var(--surface))}.bkx-mode-teks{min-width:0}.bkx-mode-teks strong{display:block;font-family:var(--serif);font-size:16.5px;color:var(--ink)}.bkx-mode-teks small{font-size:12px;color:var(--ink-muted)}.bkx-mode-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--m) 40%,var(--line))}.bkx-mode-kartu.aktif{border-color:var(--m);background:linear-gradient(135deg,color-mix(in srgb,var(--m) 10%,var(--surface)),var(--surface) 70%);box-shadow:0 14px 28px -20px var(--m),0 0 0 3px color-mix(in srgb,var(--m) 14%,transparent)}.bkx-mode-kartu.aktif:before{opacity:1}.bkx-mode-kartu:focus-visible{outline:2px solid var(--m);outline-offset:2px}.bkx-panel{margin-top:0}.bkx-panel-dua{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}.bkx-sisi{padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));border:1px solid var(--line)}.bk-bahaya .bkx-sisi{background:color-mix(in srgb,var(--bad, #b23b3b) 4%,var(--surface));border-color:color-mix(in srgb,var(--bad, #b23b3b) 18%,var(--line))}.bk-bahaya .bkx-panel-dua{margin-top:16px}.bkx-tips{margin-top:0;padding-top:0;border-top:0}.bkx-sisi .bk-langkah{margin-top:0}.bkx-ikon-ungu{background:color-mix(in srgb,#7a5bb5 14%,var(--surface))}.bkx-daftar{margin-top:16px;display:flex;flex-direction:column;gap:10px}.bkx-baris{border-left:3px solid #7a5bb5}.bkx-baris-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:3px;font-size:12px;color:var(--ink-faint)}.bkx-unduh{flex:0 0 auto}@media (max-width: 1200px){.bkx-ringkas{grid-template-columns:1fr 1fr}.bkx-isi{grid-column:1 / -1;grid-row:2;border-left:0!important;border-top:1px solid var(--line)}}@media (max-width: 900px){.bkx-panel-dua{grid-template-columns:1fr}.bkx-umur{min-width:0;max-width:none;width:100%}}@media (max-width: 640px){.bkx-ringkas{grid-template-columns:1fr}.bkx-ringkas>*+*{border-left:0;border-top:1px solid var(--line)}.bkx-isi{grid-row:auto}.bkx-isi-kisi{grid-template-columns:1fr 1fr}.bkx-mode{grid-template-columns:1fr}.bkx-umur{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.bkx-mode-kartu,.bkx-mode-kartu:before{transition:none}}.bk-bahaya .bk-tombol-import:not(:disabled){color:#fff;border-color:transparent;background:linear-gradient(135deg,#c94a4a,#8f2424);box-shadow:0 12px 24px -14px #8f2424}.bk-bahaya .bk-tombol-import:not(:disabled):hover{filter:brightness(1.06)}.bkx-db-mini .lebar{grid-column:1 / -1}.bkx-jejak-ikon.ungu{background:color-mix(in srgb,#7a5bb5 13%,var(--surface))}.bkx-gagal{font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#b23b3b;padding:1px 7px;border-radius:999px;margin-left:4px}.bk-cta{position:relative}.bkx-saran{position:absolute;top:-9px;right:14px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 9px;border-radius:999px;color:#2a1c00;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 55%,#fff),var(--gold));box-shadow:0 4px 10px -4px var(--gold)}.bkx-cta-kedua{all:unset;box-sizing:border-box;cursor:pointer;width:100%;margin-top:10px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .15s ease,background .15s ease}.bkx-cta-kedua>span:first-child{font-size:18px}.bkx-cta-kedua strong{display:block;font-size:14px;color:var(--ink)}.bkx-cta-kedua small{font-size:12px;color:var(--ink-muted)}.bkx-cta-kedua:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.bkx-cta-kedua:disabled{opacity:.6;cursor:progress}.bkx-cta-kedua:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bkx-grup{margin-top:18px}.bkx-grup-kepala{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.bkx-grup-kepala strong{font-family:var(--serif);font-size:15.5px;color:var(--ink)}.bkx-grup-kepala small{font-size:12px;color:var(--ink-faint);flex:1}.bkx-grup-jml{font-size:11.5px;font-weight:800;padding:1px 9px;border-radius:999px;color:#5d3f9a;background:color-mix(in srgb,#7a5bb5 13%,var(--surface))}.bkx-grup-kosong{font-size:12.5px;color:var(--ink-faint);padding:12px 14px;border-radius:12px;border:1.5px dashed var(--line)}.bkx-grup .bkx-daftar{margin-top:0}.bkx-baris.harian{border-left-color:#3f74c4}.bkx-baris.mingguan{border-left-color:var(--gold)}.bkx-kolom-sisi{display:flex;flex-direction:column;gap:14px;position:sticky;top:16px}.bkx-jadwal{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;margin-bottom:12px;border:1px solid var(--line);background:var(--surface)}.bkx-jadwal strong{font-size:14px;color:var(--ink)}.bkx-jadwal small{font-size:12px;color:var(--ink-muted);line-height:1.45}.bkx-jadwal.ok{border-color:color-mix(in srgb,#1f7a5c 30%,var(--line));background:color-mix(in srgb,#1f7a5c 6%,var(--surface))}.bkx-jadwal.gagal{border-color:color-mix(in srgb,#b23b3b 35%,var(--line));background:color-mix(in srgb,#b23b3b 6%,var(--surface))}.bkx-jadwal.mati{border-style:dashed}.bkx-lebar{width:100%;flex:none}.ppx-tombol:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width: 900px){.bkx-kolom-sisi{position:static}}.asn-peta{margin-top:22px;padding:20px 22px 22px;border-radius:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 7%,var(--surface)),var(--surface) 55%);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));box-shadow:var(--shadow)}.asn-kepala{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.asn-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--gold) 75%,var(--ink-muted))}.asn-kepala h2{margin:2px 0 0;font-family:var(--serif);font-size:21px;color:var(--ink)}.asn-posisi{font-size:12.5px;color:var(--ink-muted)}.asn-label{margin:16px 0 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:10px}.asn-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.asn-grup{display:grid}.asn-kisi{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:10px}.asn-kartu{--aw: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;border-radius:18px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--aw) 18%,var(--line));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.asn-kartu:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--aw),color-mix(in srgb,var(--aw) 45%,var(--gold)));opacity:.45;transition:opacity .18s ease,width .18s ease}.asn-kartu:after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--aw) 16%,transparent),transparent 70%);pointer-events:none;opacity:.7}.asn-ikon{flex-shrink:0;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:linear-gradient(135deg,color-mix(in srgb,var(--aw) 20%,var(--surface)),color-mix(in srgb,var(--aw) 7%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--aw) 25%,transparent)}.asn-teks{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.asn-judul-baris{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asn-judul-baris strong{font-family:var(--serif);font-size:15.5px;color:var(--ink);line-height:1.25}.asn-no{font-style:normal;font-size:11px;font-weight:800;color:var(--aw);font-variant-numeric:tabular-nums}.asn-teks small{font-size:12px;line-height:1.45;color:var(--ink-muted)}.asn-panah{flex-shrink:0;font-size:20px;color:var(--ink-faint);transition:transform .18s ease,color .18s ease}.asn-kartu:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--aw) 45%,var(--line));box-shadow:0 14px 28px -20px var(--aw)}.asn-kartu:hover .asn-panah{transform:translate(3px);color:var(--aw)}.asn-kartu.aktif{border-color:var(--aw);background:linear-gradient(120deg,color-mix(in srgb,var(--aw) 12%,var(--surface)),var(--surface) 70%);box-shadow:0 16px 30px -22px var(--aw),0 0 0 3px color-mix(in srgb,var(--aw) 14%,transparent)}.asn-kartu.aktif:before{opacity:1;width:5px}.asn-kartu.aktif .asn-panah{color:var(--aw);font-size:12px}.asn-kartu:focus-visible{outline:2px solid var(--aw);outline-offset:2px}.asn-kartu.kondisi{padding:15px 18px}.asn-kartu.kondisi .asn-ikon{width:50px;height:50px;font-size:24px}.asn-kartu.kondisi .asn-judul-baris strong{font-size:17px}.asn-lencana{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.asn-lencana.live{color:#1f7a5c;background:color-mix(in srgb,#1f7a5c 12%,var(--surface))}.asn-lencana.live i{width:6px;height:6px;border-radius:50%;background:#22a55a;animation:pgx-denyut 1.8s ease-in-out infinite}.asn-lencana.perlu{color:#fff;background:linear-gradient(135deg,#d0584a,#a8352a)}.asn-bilah{position:sticky;top:8px;z-index:20;height:0;overflow:visible;pointer-events:none}.asn-bilah-isi{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:7px;margin:0 -2px;border-radius:18px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));box-shadow:0 14px 30px -18px #00000073;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.asn-bilah-isi::-webkit-scrollbar{display:none}.asn-bilah.tampil{pointer-events:auto}.asn-bilah.tampil .asn-bilah-isi{opacity:1;transform:none}.asn-pil{--aw: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;flex-shrink:0;white-space:nowrap;font-size:12.5px;font-weight:700;color:var(--ink-muted);padding:6px 12px;border-radius:999px;border:1.5px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.asn-pil:hover{color:var(--ink);background:color-mix(in srgb,var(--aw) 9%,var(--surface))}.asn-pil.aktif{color:#fff;background:linear-gradient(135deg,var(--aw),color-mix(in srgb,var(--aw) 70%,#000))}.asn-pil:focus-visible{outline:2px solid var(--aw);outline-offset:1px}.asn-jangkar{height:0}.asn-pindah{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.asn-pindah-tombol{--aw: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:18px;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--aw) 25%,var(--line));box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.asn-pindah-tombol.kanan{text-align:right;align-items:flex-end}.asn-pindah-tombol small{font-size:11.5px;font-weight:700;color:var(--ink-faint)}.asn-pindah-tombol strong{font-family:var(--serif);font-size:16px;color:var(--ink)}.asn-pindah-tombol:hover{transform:translateY(-2px);border-color:var(--aw);box-shadow:0 14px 28px -20px var(--aw)}.asn-pindah-tombol:focus-visible{outline:2px solid var(--aw);outline-offset:2px}@media (max-width: 640px){.asn-peta{padding:16px 14px}.asn-kepala h2{font-size:18px}.asn-pindah{grid-template-columns:1fr}.asn-pindah-tombol.kanan{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.asn-kartu,.asn-panah,.asn-bilah-isi,.asn-pindah-tombol{transition:none}.asn-lencana.live i{animation:none}}.asn-bilah-isi{gap:4px;padding:6px}.asn-pil{font-size:12px;padding:6px 10px}@media (min-width: 1500px){.asn-pil{font-size:12.5px;padding:6px 12px}}.asn-live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 14px;padding:8px 12px;border-radius:12px;font-size:12.5px;color:var(--ink-muted);background:color-mix(in srgb,#1f7a5c 7%,var(--surface));border:1px solid color-mix(in srgb,#1f7a5c 20%,var(--line))}.asn-live strong{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1f7a5c}.asn-live em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.asn-live-titik{width:8px;height:8px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 3px color-mix(in srgb,#22a55a 22%,transparent);animation:pgx-denyut 1.8s ease-in-out infinite}.asn-ubah{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line))}.asn-ubah-kepala{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.asn-ubah-kepala strong{font-size:13.5px;color:var(--ink)}.asn-ubah-kepala small{flex:1;font-size:12px;color:var(--ink-muted)}.asn-ubah-tutup{all:unset;cursor:pointer;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink-faint)}.asn-ubah-tutup:hover{background:var(--surface-2);color:var(--ink)}.asn-ubah ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.asn-ubah li button{--aw: var(--accent);all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--aw);transition:border-color .15s ease,transform .15s ease}.asn-ubah li button:hover{border-color:var(--aw);transform:translate(2px)}.asn-ubah li button:focus-visible{outline:2px solid var(--aw);outline-offset:2px}.asn-ubah time{font-size:11.5px;font-weight:800;color:var(--ink-faint);font-variant-numeric:tabular-nums}.asn-ubah-teks{flex:1;min-width:180px;font-size:13px;color:var(--ink)}.asn-ubah-alur{font-size:12px;font-weight:700;color:var(--aw)}.asn-lencana.berubah{color:#8a5a00;background:color-mix(in srgb,var(--gold) 22%,var(--surface))}.asl-live{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:999px;color:#1f6a52;background:color-mix(in srgb,#1f7a5c 11%,var(--surface));border:1px solid color-mix(in srgb,#1f7a5c 22%,transparent);white-space:nowrap}@media (prefers-reduced-motion: reduce){.asn-live-titik{animation:none}}@media (min-width: 1100px){.asn-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 700px) and (max-width: 1099px){.asn-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}.asn-pil{font-size:11.5px;padding:5px 8px}.asn-bilah-isi{gap:2px;padding:5px}@media (min-width: 1600px){.asn-pil{font-size:12.5px;padding:6px 11px}.asn-bilah-isi{gap:4px}}@media (min-width: 1280px){.asn-kisi{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.asn-kisi .asn-kartu{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 13px}.asn-kisi .asn-ikon{width:38px;height:38px;font-size:18px;border-radius:12px}.asn-kisi .asn-panah{position:absolute;top:12px;right:12px}.asn-kisi .asn-judul-baris strong{font-size:14.5px}.asn-kisi .asn-teks small{font-size:11.5px}}@media (max-width: 1599px){.asn-pil>span[aria-hidden]{display:none}.asn-pil{padding:5px 9px}}.tb{position:relative;z-index:60;display:flex;align-items:center;gap:14px;height:56px;margin:-20px 0 24px;padding:0 10px 0 18px;border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border:1px solid color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:0 10px 28px -20px #00000073,0 1px #ffffff80 inset}.tb-jejak{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;font-size:13px;white-space:nowrap}.tb-jejak-grup{color:var(--ink-faint);font-weight:600;overflow:hidden;text-overflow:ellipsis}.tb-jejak-pisah{color:var(--ink-faint)}.tb-jejak-halaman{color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis}.tb-cari{position:relative;flex:1 1 360px;max-width:460px;margin:0 auto;display:flex;align-items:center}.tb-cari .input{width:100%;height:38px;padding:0 64px 0 36px;font-size:13px;border-radius:12px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface));border-color:transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.tb-cari .input:hover{border-color:var(--line)}.tb-cari .input:focus{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent);outline:none}.tb-cari-ikon{position:absolute;left:12px;font-size:13px;opacity:.65;pointer-events:none}.tb-cari-kbd{position:absolute;right:9px;font:inherit;font-size:10.5px;font-weight:700;color:var(--ink-faint);padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);pointer-events:none}.tb-cari .input:focus~.tb-cari-kbd,.tb-cari:focus-within .tb-cari-kbd{opacity:0}.tb-cari>.card{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;max-height:70vh;overflow-y:auto;box-shadow:0 22px 44px -22px #00000073;border-radius:16px}.tb-kanan{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.tb-wadah{position:relative}.tb-ikon{all:unset;box-sizing:border-box;cursor:pointer;position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;transition:background .15s ease}.tb-ikon:hover,.tb-ikon.aktif{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.tb-ikon:focus-visible,.tb-akun:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb-lencana{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#e0574a,#b8322a);box-shadow:0 0 0 2px var(--surface);font-variant-numeric:tabular-nums}.tb-akun{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:9px;height:44px;padding:0 10px 0 5px;margin-left:4px;border-radius:14px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.tb-akun:hover,.tb-akun.aktif{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:var(--line)}.tb-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--pp-terang, color-mix(in srgb, var(--accent) 74%, #04110c)),var(--pp-gelap, color-mix(in srgb, var(--accent) 40%, #04110c)));box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 55%,transparent)}.tb-avatar.besar{width:44px;height:44px;font-size:15px}.tb-akun-teks{display:flex;flex-direction:column;line-height:1.15;min-width:0}.tb-akun-teks strong{font-size:13px;color:var(--ink);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-akun-teks small{font-size:11px;color:var(--ink-muted)}.tb-akun-panah{font-size:11px;color:var(--ink-faint)}.tb-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:70;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 26px 56px -24px #00000080;overflow:hidden;animation:tb-muncul .16s ease both}@keyframes tb-muncul{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tb-panel-notif{width:380px}.tb-panel-akun{width:260px;padding:8px}.tb-panel-kepala{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}.tb-panel-kepala strong{font-family:var(--serif);font-size:16px;color:var(--ink)}.tb-tautan{all:unset;cursor:pointer;font-size:12px;font-weight:700;color:var(--accent-ink, var(--accent))}.tb-tautan:hover{text-decoration:underline}.tb-tab{display:flex;gap:4px;padding:4px 12px 8px;border-bottom:1px solid var(--line)}.tb-tab button{all:unset;cursor:pointer;flex:1;text-align:center;font-size:12.5px;font-weight:700;padding:7px 8px;border-radius:10px;color:var(--ink-muted)}.tb-tab button.aktif{color:var(--ink);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.tb-tab em{font-style:normal;margin-left:4px;font-size:10.5px;font-weight:800;color:#fff;background:#c9443a;padding:0 6px;border-radius:999px}.tb-daftar{max-height:min(60vh,440px);overflow-y:auto;padding:6px}.tb-item{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:flex-start;gap:11px;padding:10px;border-radius:12px;transition:background .12s ease}.tb-item:hover,.tb-item:focus-visible{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.tb-item.baru{background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.tb-item-ikon{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--surface-2)}.tb-item-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tb-item-teks strong{font-size:13px;color:var(--ink);line-height:1.35}.tb-item-teks small{font-size:12px;color:var(--ink-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tb-item-teks time{font-size:11px;color:var(--ink-faint)}.tb-item-buka{flex-shrink:0;align-self:center;font-size:11.5px;font-weight:700;color:var(--accent-ink, var(--accent))}.tb-titik{flex-shrink:0;align-self:center;width:8px;height:8px;border-radius:50%;background:#c9443a}.tb-kosong{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center}.tb-kosong span{font-size:26px}.tb-kosong strong{font-size:13.5px;color:var(--ink)}.tb-kosong small{font-size:12px;color:var(--ink-muted)}.tb-akun-kepala{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.tb-akun-kepala strong{display:block;font-size:14px;color:var(--ink)}.tb-akun-kepala small{font-size:12px;color:var(--ink-muted)}.tb-menu{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--ink)}.tb-menu:hover,.tb-menu:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.tb-menu.bahaya{color:#b8322a;font-weight:700}.tb-menu.bahaya:hover,.tb-menu.bahaya:focus-visible{background:color-mix(in srgb,#c9443a 10%,var(--surface))}.tb-garis{height:1px;margin:4px 6px;background:var(--line)}.tb-keluar{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.tb-keluar strong{font-size:14px;color:var(--ink)}.tb-keluar small{font-size:12px;color:var(--ink-muted)}.tb-keluar-aksi{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.tb-keluar-ya{background:linear-gradient(135deg,#d0584a,#a8352a)!important;color:#fff!important;border-color:transparent!important}.tb-sandi{max-width:420px}.tb-sandi h2{margin:0 0 14px;font-family:var(--serif);font-size:19px}.tb-sandi .field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:12.5px;font-weight:700;color:var(--ink-muted)}.tb-sandi-ok{font-size:13.5px;color:var(--ink);line-height:1.55}@media (max-width: 1100px){.tb-akun-teks{display:none}.tb-cari{flex-basis:260px}}@media (max-width: 760px){.tb{gap:8px;padding:0 6px 0 12px;margin-top:-10px}.tb-jejak-grup,.tb-jejak-pisah,.tb-cari-kbd{display:none}.tb-jejak{flex:0 1 30%}.tb-cari{flex:1 1 auto}.tb-cari .input{padding-right:10px}.tb-panel-notif{width:min(380px,calc(100vw - 24px));right:-48px}.tb-akun{padding:0 4px}.tb-akun-panah{display:none}}@media (prefers-reduced-motion: reduce){.tb-panel{animation:none}}.rp{display:inline-flex;align-items:baseline;gap:.16em;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%}.rp-mata{font-size:.58em;font-weight:700;letter-spacing:.02em;opacity:.72}.rp-tanda{font-weight:700}.rp-wadah{container-type:inline-size;word-break:normal!important;overflow-wrap:normal!important;white-space:nowrap}.kn-kpi{flex-direction:column;gap:10px}.kn-kpi-kepala{display:flex;align-items:center;gap:10px;min-width:0}.kn-kpi-kepala .kn-kpi-ikon{width:36px;height:36px;font-size:17px;border-radius:11px}.kn-kpi-kepala .kn-kpi-label{line-height:1.3}.kn-kpi-angka{width:100%;margin-top:0;line-height:1.1}.kn-kpi-angka .rp{font-size:clamp(17px,10.5cqi,26px)}.kn-kpi-sub{margin-top:-4px}.kn-saldo-angka .rp{font-size:clamp(20px,9cqi,32px)}.kn-estimasi-angka .rp{font-size:clamp(17px,13cqi,26px)}.rp>.rp-mata,.rp>.rp-angka,.rp>.rp-tanda{display:inline;text-transform:none;letter-spacing:normal;color:inherit;margin:0;padding:0;background:none}.rp>.rp-angka{font-size:1em;font-weight:inherit}.kn-mini strong .rp{font-size:clamp(16px,11cqi,22px)}.kn-mini-net strong .rp{font-size:clamp(18px,12cqi,26px)}.kn-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kn-kpi{padding:15px 16px}.sb-keatas{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;margin:8px 16px 0;padding:9px 12px;min-height:40px;border-radius:12px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--accent-ink, var(--accent));background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.sb-keatas.aktif{opacity:1;transform:none;pointer-events:auto}.sb-keatas:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--persen, 0%);background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .12s linear}.sb-keatas:hover{background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 8px 18px -12px var(--accent)}.sb-keatas:hover .sb-keatas-ikon{transform:translateY(-2px)}.sb-keatas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-keatas-ikon{width:24px;height:24px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--pp-terang, color-mix(in srgb, var(--accent) 74%, #04110c)),var(--pp-gelap, color-mix(in srgb, var(--accent) 40%, #04110c)));transition:transform .15s ease}.sb-keatas-teks{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-keatas-persen{font-size:11px;font-weight:700;color:var(--ink-faint);font-variant-numeric:tabular-nums}[data-nav-responsif=aktif] .sb-keatas{margin-left:12px;margin-right:12px}@media (max-width: 820px){[data-nav-responsif=aktif] .sb-keatas{justify-content:center;padding:8px;margin:8px 10px 0}[data-nav-responsif=aktif] .sb-keatas-teks,[data-nav-responsif=aktif] .sb-keatas-persen{display:none}}@media (prefers-reduced-motion: reduce){.sb-keatas,.sb-keatas:after,.sb-keatas-ikon{transition:none}}.sidebar{position:sticky;top:0;height:100vh;align-self:flex-start}.sidebar-nav{min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-footer{flex-shrink:0;padding-bottom:4px}.stg-latar{display:flex;flex-direction:column;gap:22px}.stg-surat{line-height:1.5}.stg-kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:16px 0 14px}.stg-meta{border-collapse:collapse;font-size:13px}.stg-meta td{padding:1px 0;vertical-align:top}.stg-meta td:first-child{width:78px}.stg-meta td:nth-child(2){width:14px}.stg-tanggal{font-size:13px;white-space:nowrap}.stg-tujuan{font-size:13px;margin-bottom:14px;line-height:1.45}.stg-salam{margin:8px 0;font-size:13px}.stg-isi{margin:8px 0;font-size:13px;text-align:justify}.stg-identitas{margin:6px 0 10px 24px}.stg-identitas td:first-child{width:110px}.stg-rincian{margin:6px 0 4px}.stg-terbilang{margin:4px 0 10px;font-size:12.5px}.stg-cara{margin:4px 0 8px;padding-left:22px;font-size:13px}.stg-cara li{margin:2px 0}.stg-ttd{margin-top:14px}.stg-ttd-ruang td{height:64px}.stg-kaki{margin:18px 0 0;padding-top:6px;border-top:1px solid #999;font-size:9.5px;text-align:center;color:#333}.stg-tab{display:flex;gap:6px;margin-bottom:14px;padding:4px;border-radius:14px;background:var(--surface-2);width:fit-content}.stg-tab button{all:unset;cursor:pointer;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;color:var(--ink-muted)}.stg-tab button.aktif{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.stg-tab em{font-style:normal;margin-left:4px;font-size:11px;padding:0 7px;border-radius:999px;color:#fff;background:#c9443a}.stg-alat{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px}.stg-alat .snp-cari{flex:1 1 260px}.stg-batas{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-muted)}.stg-batas select{font:inherit;padding:6px 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.stg-batas small{font-weight:600;color:var(--ink-faint)}.stg-kabari{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-muted)}.stg-tabel{max-height:52vh;overflow-y:auto}.stg-tabel tbody tr{cursor:pointer}.stg-tabel tr.stg-terpilih td{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.stg-tabel td small,.stg-redup{display:block;font-size:11.5px;color:var(--ink-faint)}.stg-rp{font-variant-numeric:tabular-nums;white-space:nowrap}.stg-nomor{font-family:Consolas,monospace;font-size:12px;white-space:nowrap}.stg-lambat{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;color:#8a5a00;background:color-mix(in srgb,var(--gold) 18%,var(--surface));white-space:nowrap}.stg-lambat.sedang{color:#9a3d16;background:color-mix(in srgb,#d0743a 18%,var(--surface))}.stg-lambat.berat{color:#fff;background:#b8322a}.stg-bawah{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.stg-kosong{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 16px;text-align:center}.stg-kosong span{font-size:30px}.stg-kosong small{color:var(--ink-muted)}.stg-info{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-size:13px;background:color-mix(in srgb,#1f7a5c 8%,var(--surface));border:1px solid color-mix(in srgb,#1f7a5c 25%,var(--line))}@page stg{size:A4 portrait;margin:16mm 18mm}@media print{html:has(.stg-surat){page:stg}.stg-latar{display:block!important;gap:0!important}.stg-surat{break-after:page;page-break-after:always;font-size:11.5pt!important}.stg-surat:last-child{break-after:auto;page-break-after:auto}.stg-rincian,.stg-ttd{break-inside:avoid}.stg-isi,.stg-tujuan,.stg-meta,.stg-tanggal,.stg-salam,.stg-cara{font-size:11.5pt}}@page stg{size:A4 portrait;margin:13mm 17mm 12mm}@media print{.stg-surat{font-size:11pt!important;line-height:1.38!important}.stg-surat .dtf-kop{min-height:62px;padding-bottom:8px}.stg-surat .dtf-kop img,.stg-surat .dtf-logo-kosong{width:60px;height:60px}.stg-surat .dtf-kop-nama{font-size:15pt}.stg-surat .dtf-kop-alamat{font-size:9.5pt}.stg-kepala{margin:10px 0 8px}.stg-tujuan{margin-bottom:8px}.stg-isi,.stg-salam{margin:5px 0}.stg-isi,.stg-tujuan,.stg-meta,.stg-tanggal,.stg-salam,.stg-cara,.stg-identitas{font-size:11pt!important}.stg-identitas{margin:4px 0 6px 24px}.stg-rincian{font-size:9.5pt!important;margin:4px 0 2px}.stg-rincian th,.stg-rincian td{padding:3px 5px!important}.stg-terbilang{margin:2px 0 6px;font-size:10pt}.stg-cara{margin:2px 0 5px}.stg-ttd{margin-top:8px;font-size:11pt}.stg-ttd-ruang td{height:52px!important}.stg-kaki{margin-top:10px;font-size:7.5pt}}.sidebar{padding:16px 0 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface)) 0%,var(--surface) 30%)}.sb2-brand{display:flex;align-items:center;gap:11px;padding:0 16px 12px!important;margin-bottom:10px!important}.sb2-logo{width:40px;height:40px;flex-shrink:0;border-radius:12px;object-fit:cover;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px color-mix(in srgb,var(--gold) 45%,transparent),0 6px 14px -8px #0006}.sb2-logo-kosong{display:grid;place-items:center;font-size:20px;background:var(--surface-2)}.sb2-brand-teks{min-width:0}.sb2-brand .sidebar-brand-name{font-size:14.5px;line-height:1.22;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sb2-brand .sidebar-brand-sub{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;font-size:9.5px;letter-spacing:.1em;color:color-mix(in srgb,var(--gold) 75%,var(--ink-muted));background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.sb2-jam{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 14px 10px!important;padding:7px 11px!important;border:1px solid var(--line)!important;border-radius:12px;background:var(--surface)}.sb2-jam-tgl{font-size:11px;font-weight:600;color:var(--ink-muted);white-space:nowrap}.sb2-jam-jam{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--accent-ink, var(--accent));font-variant-numeric:tabular-nums}.sb2-jam-jam i{width:6px;height:6px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 3px color-mix(in srgb,#22a55a 20%,transparent)}.sb2-cepat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 14px 12px!important;margin:0 0 6px!important}.sb2-cepat-ubin{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;min-width:0}.sb2-cepat-ikon{font-size:17px;line-height:1}.sb2-cepat-label{font-size:10.5px;font-weight:700;color:var(--ink-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb2-cepat-ubin:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(135deg,var(--sidebar-blue-tint),var(--sidebar-pink-tint))}.sb2-cepat-ubin.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.sb2-cepat-ubin.active .sb2-cepat-label{color:var(--accent-ink, var(--accent))}.sb2-cepat-ubin:focus-visible,.sb2-keluar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb2-cepat-ubin .sb2-lencana{position:absolute;top:-5px;right:-4px;margin:0!important}.sidebar-nav{padding:4px 0 10px;scrollbar-width:none;mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 22px),transparent 100%)}.sidebar-nav:hover{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink-faint) 45%,transparent) transparent}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-nav:hover::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:99px;background:color-mix(in srgb,var(--ink-faint) 45%,transparent)}.sidebar-group{margin-bottom:2px}.sidebar-group-label{padding:6px 18px 4px!important;font-size:10px;letter-spacing:.1em}.sb2-grup{justify-content:flex-start!important;gap:9px!important;margin:1px 10px!important;width:calc(100% - 20px)!important;padding:8px 10px!important;border-radius:10px;font-size:11px!important;letter-spacing:.06em!important;color:var(--ink-muted)!important;transition:background .15s ease,color .15s ease}.sb2-grup .sidebar-group-toggle-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb2-grup-ikon{width:22px;height:22px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-size:12px;background:color-mix(in srgb,var(--ink-faint) 10%,var(--surface));letter-spacing:0}.sb2-grup:hover{color:var(--ink)!important}.sb2-grup.berisi-aktif{color:var(--accent-ink, var(--accent))!important}.sb2-grup.berisi-aktif .sb2-grup-ikon{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.sb2-grup[aria-expanded=true]{color:var(--ink)!important}.sb2-grup-titik{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#d0453a;box-shadow:0 0 0 3px color-mix(in srgb,#d0453a 18%,transparent)}.sidebar-group-items:not(.tertutup){position:relative;margin:1px 0 6px}.sb2-grup[aria-expanded=true]+.sidebar-group-items:before{content:"";position:absolute;left:30px;top:2px;bottom:6px;width:1.5px;border-radius:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,var(--line)),var(--line))}.sb2-grup[aria-expanded=true]+.sidebar-group-items .sidebar-link{padding-left:44px}.sidebar-link{margin:1px 10px;width:calc(100% - 20px);padding:7px 12px;border-radius:10px;border-left:0!important;font-size:13px}.sidebar-link:hover:not(.active){transform:translate(2px)}.sidebar-link.active{position:relative;background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 40%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.sidebar-link.active:before{content:"";position:absolute;left:-10px;top:7px;bottom:7px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--accent),var(--gold))}.sidebar-link .sb2-lencana,.sidebar-link .notif-badge{margin-left:auto}.sb2-kaki{display:flex;align-items:center;gap:9px;margin:6px 12px 0!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface);box-shadow:0 8px 20px -18px #00000080}.sb2-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 74%,#04110c),color-mix(in srgb,var(--accent) 40%,#04110c));box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}.sb2-kaki-teks{flex:1;min-width:0}.sb2-kaki .sidebar-user-name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb2-kaki .sidebar-user-role{margin:1px 0 0!important;font-size:9.5px}.sb2-keluar{all:unset;box-sizing:border-box;cursor:pointer;width:32px;height:32px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;color:var(--ink-muted);border:1px solid var(--line);transition:color .15s ease,background .15s ease,border-color .15s ease}.sb2-keluar:hover{color:#b8322a;border-color:color-mix(in srgb,#c9443a 45%,var(--line));background:color-mix(in srgb,#c9443a 9%,var(--surface))}.sb2-kaki .sb-keatas{width:32px;height:32px;min-height:0;margin:0;padding:0;justify-content:center;flex-shrink:0;border-radius:10px;display:none;opacity:1;transform:none}.sb2-kaki .sb-keatas.aktif{display:grid;place-items:center;animation:tb-muncul .18s ease both}.sb2-kaki .sb-keatas .sb-keatas-ikon{width:22px;height:22px;border-radius:7px}.sb2-kaki .sb-keatas:after{left:4px;right:auto;bottom:2px;max-width:calc(100% - 8px);border-radius:2px}[data-nav-responsif=aktif] .sb2-brand{padding-left:12px!important;padding-right:12px!important}@media (max-width: 820px){[data-nav-responsif=aktif] .sb2-brand{justify-content:center;padding:0 0 12px!important}[data-nav-responsif=aktif] .sb2-brand-teks,[data-nav-responsif=aktif] .sb2-jam,[data-nav-responsif=aktif] .sb2-cepat-label,[data-nav-responsif=aktif] .sb2-kaki-teks,[data-nav-responsif=aktif] .sb2-grup-titik{display:none}[data-nav-responsif=aktif] .sb2-cepat{grid-template-columns:1fr;padding:0 8px 10px!important}[data-nav-responsif=aktif] .sb2-grup{justify-content:center!important;margin:1px 6px!important;width:calc(100% - 12px)!important;padding:7px 0!important}[data-nav-responsif=aktif] .sidebar-link{margin:1px 6px;width:calc(100% - 12px);padding:9px 0!important}[data-nav-responsif=aktif] .sb2-grup+.sidebar-group-items:before{display:none}[data-nav-responsif=aktif] .sb2-kaki{flex-direction:column;margin:6px 6px 0!important;padding:8px 4px!important}}@media (prefers-reduced-motion: reduce){.sb2-cepat-ubin,.sb2-grup,.sb2-keluar{transition:none}}.sb2-grup{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;font-weight:600!important}.sb2-cepat-label{font-size:10px}.sidebar-nav+.sb-keatas,.sidebar>.sb-keatas{display:none;margin:6px 12px 0;min-height:34px;padding:6px 10px;opacity:1;transform:none}.sidebar>.sb-keatas.aktif{display:flex;animation:tb-muncul .18s ease both}.sidebar>.sb-keatas .sb-keatas-ikon{width:22px;height:22px;border-radius:7px}.sb2-kaki .sidebar-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 820px){[data-nav-responsif=aktif] .sidebar>.sb-keatas .sb-keatas-teks{display:none}[data-nav-responsif=aktif] .sidebar>.sb-keatas{justify-content:center;margin:6px 6px 0}}@media (min-width: 1101px){[data-nav-responsif=aktif] .sidebar{width:232px}}.kpi-hero-kaca{min-width:210px;padding:16px 20px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff}.kpi-hero-angka{font-family:var(--serif);font-size:44px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.kpi-hero-angka small{font-size:15px;opacity:.7;margin-left:2px}.kpi-hero-ket{font-size:12px;opacity:.8;margin-top:4px}.kpi-periode{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:12px 16px}.kpi-periode-judul{font-size:12px;font-weight:700;color:var(--ink-muted);margin-right:4px}.kpi-chip{height:32px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.kpi-chip:hover{border-color:var(--accent)}.kpi-chip.aktif{background:var(--accent);border-color:var(--accent);color:#fff}.kpi-chip:focus-visible,.kpi-sebaran-item:focus-visible,.kpi-podium-kartu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-kustom{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}.kpi-kustom input{height:32px;padding:0 8px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px}.kpi-peringatan{margin-top:14px;padding:12px 16px;border-radius:12px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);font-size:13px;color:var(--ink)}.kpi-peringatan ul{margin:6px 0 8px;padding-left:18px}.kpi-peringatan-aksi{display:flex;gap:8px;flex-wrap:wrap}.kpi-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;align-items:end}.kpi-podium-kartu{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--w) 10%,var(--surface)),var(--surface) 70%);color:var(--ink);font:inherit;cursor:pointer;text-align:center;box-shadow:var(--shadow);transition:transform .18s ease;min-width:0}.kpi-podium-kartu:hover{transform:translateY(-3px)}.kpi-podium-kartu.juara-1{padding-top:26px;padding-bottom:22px;border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 18%,var(--surface)),var(--surface) 75%)}.kpi-medali{font-size:30px;line-height:1}.juara-1 .kpi-medali{font-size:38px}.kpi-podium-nama{font-size:14px;max-width:100%;overflow-wrap:anywhere}.kpi-podium-skor{font-family:var(--serif);font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.juara-1 .kpi-podium-skor{font-size:38px}.kpi-piagam-link{margin-top:4px;font-size:12px;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.kpi-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--accent)}.kpi-avatar.besar{width:62px;height:62px;font-size:20px;box-shadow:0 0 0 3px var(--surface),0 0 0 5px color-mix(in srgb,var(--w, var(--accent)) 60%,transparent)}.kpi-predikat{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--w, var(--ink-muted));background:color-mix(in srgb,var(--w, var(--ink-muted)) 13%,transparent);border:1px solid color-mix(in srgb,var(--w, var(--ink-muted)) 30%,transparent)}.kpi-predikat.besar{font-size:14px;padding:4px 14px}.kpi-tren{font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-tren.naik{color:#1f7a5c}.kpi-tren.turun{color:var(--bad)}.kpi-tren.netral{color:var(--ink-faint);font-weight:600}.kpi-panel{margin-top:18px}.kpi-sebaran{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.kpi-sebaran-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);border-left:4px solid var(--w, var(--accent));background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;text-align:left;min-width:0}.kpi-sebaran-item strong{font-size:20px;font-variant-numeric:tabular-nums}.kpi-sebaran-item small{font-size:11px;color:var(--ink-muted)}.kpi-sebaran-item.aktif{background:color-mix(in srgb,var(--w, var(--accent)) 10%,var(--surface));border-color:var(--w, var(--accent))}.kpi-alat{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 10px}.kpi-bobot-ringkas{display:flex;flex-wrap:wrap;gap:6px}.kpi-bobot-ringkas em{font-style:normal;font-size:11.5px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted);white-space:nowrap}.kpi-baris{cursor:pointer}.kpi-urut{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums}.kpi-urut.atas{background:var(--gold-soft);color:var(--gold)}.kpi-orang{display:flex;align-items:center;gap:10px;min-width:0}.kpi-orang>div{display:flex;flex-direction:column;min-width:0}.kpi-orang small{font-size:11.5px;color:var(--ink-muted)}.kpi-skor{display:flex;flex-direction:column;gap:4px;min-width:90px}.kpi-skor strong{font-size:15px;font-variant-numeric:tabular-nums}.kpi-skor>span{display:block;height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.kpi-skor>span>i{display:block;height:100%;border-radius:999px}.kpi-mini{display:flex;gap:4px;align-items:flex-end}.kpi-mini-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:30px}.kpi-mini-tiang{display:flex;align-items:flex-end;width:10px;height:26px;border-radius:3px;background:var(--surface-2);overflow:hidden}.kpi-mini-tiang>i{display:block;width:100%}.kpi-mini-item>small{font-size:9.5px;color:var(--ink-faint);white-space:nowrap}.kpi-mini-item.mati .kpi-mini-tiang{background:repeating-linear-gradient(45deg,var(--surface-2) 0 3px,transparent 3px 6px);outline:1px dashed var(--line)}.kpi-rapor{font-size:12.5px;font-weight:700;color:var(--accent);white-space:nowrap}.kpi-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:18px}.kpi-kotak{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.kpi-kotak.bahaya{border-color:color-mix(in srgb,var(--bad) 35%,var(--line));background:color-mix(in srgb,var(--bad) 4%,var(--surface))}.kpi-kotak h3{margin:0 0 8px;font-size:14px;display:flex;align-items:center;gap:8px}.kpi-kotak h3 em{font-style:normal;font-size:11.5px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-muted)}.kpi-kotak ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.kpi-kotak li button{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border-radius:10px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.kpi-kotak li button:hover{background:var(--surface-2)}.kpi-kotak li small{grid-column:1 / -1;font-size:11.5px;color:var(--ink-muted)}.kpi-kotak li span{font-weight:800;font-variant-numeric:tabular-nums;color:var(--bad)}.kpi-cincin{flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--w) calc(var(--p) * 1%),var(--surface-2) 0)}.kpi-cincin>div{width:78%;height:78%;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.kpi-cincin strong{font-family:var(--serif);font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.kpi-cincin small{font-size:10px;color:var(--ink-muted)}.kpi-rapor-atas{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.kpi-rapor-ringkas{flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.kpi-rapor-tren{font-size:12.5px;color:var(--ink-muted)}.kpi-redup{margin:0;font-size:12.5px;color:var(--ink-muted)}.kpi-spark{flex:1 1 240px}.kpi-spark-judul{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.kpi-spark-batang{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:100px}.kpi-spark-kolom{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%}.kpi-spark-kolom>i{display:block;width:100%;max-width:26px;border-radius:4px 4px 0 0}.kpi-spark-nilai{font-size:10.5px;font-weight:700;color:var(--ink-muted);font-variant-numeric:tabular-nums}.kpi-spark-kolom small{font-size:10px;color:var(--ink-faint)}.kpi-indikator{display:flex;flex-direction:column;gap:8px;margin-top:18px}.kpi-ind{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface)}.kpi-ind.mati{opacity:.6;border-style:dashed}.kpi-ind-ikon{font-size:20px;flex:none;width:28px;text-align:center}.kpi-ind-teks{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.kpi-ind-kepala{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.kpi-ind-kepala strong{font-size:13.5px}.kpi-ind-kepala em{font-style:normal;font-size:11px;color:var(--ink-faint)}.kpi-ind-bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.kpi-ind-bar>i{display:block;height:100%;border-radius:999px}.kpi-ind-teks small{font-size:12px;color:var(--ink-muted)}.kpi-ind-persen{flex:none;width:52px;text-align:right;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.kpi-ind-buka{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--accent);font-size:18px;font-weight:700;cursor:pointer}.kpi-rincian{display:flex;flex-direction:column;gap:6px;margin-top:14px}.kpi-rincian details{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface-2)}.kpi-rincian summary{cursor:pointer;font-size:13px;font-weight:600}.kpi-rincian summary em{font-style:normal;font-size:11px;padding:1px 7px;margin-left:4px;border-radius:999px;background:var(--surface);color:var(--ink-muted)}.kpi-rincian ul{margin:6px 0 2px;padding-left:18px;font-size:12.5px;color:var(--ink-muted);columns:2 260px}.kpi-pimpinan{margin-top:18px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 6%,var(--surface));display:flex;flex-direction:column;gap:10px}.kpi-pimpinan-kepala{display:flex;flex-direction:column;gap:2px}.kpi-pimpinan-kepala small{font-size:12px;color:var(--ink-muted)}.kpi-pimpinan-baris{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.kpi-pimpinan-baris select{height:36px;padding:0 10px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px}.kpi-bintang{display:flex;align-items:center;gap:2px}.kpi-bintang button{width:34px;height:34px;border:0;background:transparent;font-size:26px;line-height:1;color:var(--line);cursor:pointer;transition:transform .12s,color .12s}.kpi-bintang button.nyala{color:var(--gold)}.kpi-bintang button:hover{transform:scale(1.15)}.kpi-bintang span{margin-left:8px;font-size:12.5px;font-weight:700;color:var(--ink-muted)}.kpi-pimpinan-aksi{display:flex;justify-content:flex-end;align-items:center;gap:12px}.kpi-ok{font-size:12.5px;font-weight:700;color:#1f7a5c}.kpi-bobot-daftar{display:flex;flex-direction:column;gap:8px}.kpi-bobot-baris{display:grid;grid-template-columns:26px 1fr 150px 62px 14px;align-items:center;gap:10px;font-size:13px}.kpi-bobot-baris input[type=number]{height:32px;padding:0 8px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:right}.kpi-bobot-baris em{font-style:normal;color:var(--ink-muted)}.kpi-bobot-total{margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:13.5px}.kpi-bobot-total.ok{background:color-mix(in srgb,#1f7a5c 12%,transparent);color:#1f7a5c}.kpi-dok .dtf-tabel{font-size:11.5px}.kpi-dok-ket{margin:10px 0 0;font-size:11px;line-height:1.5}.kpi-piagam{min-height:245mm;display:flex;flex-direction:column}.kpi-piagam-isi{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px 30px;margin:22px 0;border:3px double #000;font-size:14px;line-height:1.7}.kpi-piagam-judul{font-family:Times New Roman,serif;font-size:30px;font-weight:700;letter-spacing:.12em;margin-bottom:10px}.kpi-piagam-nama{font-family:Times New Roman,serif;font-size:28px;font-weight:700;border-bottom:1px solid #000;padding:0 24px 2px;margin:4px 0}.kpi-piagam-isi p{margin:0}.kpi-piagam-doa{margin-top:14px!important;font-size:13px}@media print{.kpi-piagam{min-height:255mm;break-inside:avoid}}@media (max-width: 900px){.kpi-sebaran{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-podium{grid-template-columns:1fr}.kpi-bobot-baris{grid-template-columns:26px 1fr 62px 14px}.kpi-bobot-baris input[type=range]{display:none}}.kpi-lihat-semua{margin-top:8px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:4px 10px}.kpi-dua{align-items:start}.kpk-diagnosa{display:flex;flex-direction:column;gap:6px}.kpk-diag{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--line);background:var(--surface)}.kpk-diag-sistem{border-left-color:var(--bad);background:linear-gradient(100deg,var(--bad-soft),var(--surface) 65%)}.kpk-diag-orang{border-left-color:var(--gold)}.kpk-diag-aman{border-left-color:#1f7a5c}.kpk-diag-ikon{font-size:18px;width:24px;text-align:center;flex:none}.kpk-diag-isi{flex:1;min-width:0;display:flex;flex-direction:column}.kpk-diag-isi strong{font-size:13px}.kpk-diag-isi small{font-size:11.5px;color:var(--ink-muted)}.kpk-diag em{font-style:normal;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap;background:var(--surface-2);color:var(--ink-muted)}.kpk-diag-sistem em{background:var(--bad);color:#fff}.kpk-diag-orang em{background:var(--gold-soft);color:var(--gold)}.kpk-diag-aman em{background:color-mix(in srgb,#1f7a5c 14%,transparent);color:#1f7a5c}.kpk-panas-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.kpk-panas{width:100%;border-collapse:separate;border-spacing:2px;font-size:12.5px;font-variant-numeric:tabular-nums}.kpk-panas th{padding:6px 2px;font-weight:600;color:var(--ink-muted);text-align:center;position:sticky;top:0;background:var(--surface)}.kpk-panas th button{display:inline-flex;flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:4px 6px;border-radius:8px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}.kpk-panas th button:hover{border-color:var(--line)}.kpk-panas th button.aktif{background:var(--accent);color:#fff}.kpk-panas th.kpk-nama,.kpk-panas td.kpk-nama{text-align:left;min-width:200px;padding-left:10px}.kpk-panas tbody tr{cursor:pointer}.kpk-panas tbody tr:hover td,.kpk-panas tbody tr:focus-visible td{filter:brightness(.96)}.kpk-panas tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.kpk-nama-isi{display:flex;align-items:center;gap:8px}.kpk-nama-isi .ps-foto,.kpk-nama-isi .pk-avatar{width:26px;height:26px;font-size:10px;flex:none}.kpk-nama-isi>span:last-child{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.kpk-sel{text-align:center;height:30px;border-radius:6px;font-weight:700}.kpk-baik{background:color-mix(in srgb,#1f7a5c 22%,var(--surface));color:#17604a}.kpk-sedang{background:color-mix(in srgb,#c99a2e 26%,var(--surface));color:#7d5a12}.kpk-rendah{background:color-mix(in srgb,#b8322a 22%,var(--surface));color:#8e241e}.kpk-na{background:repeating-linear-gradient(45deg,var(--surface-2) 0 4px,transparent 4px 8px)}.kpk-skor{text-align:center;font-size:13.5px;padding:0 8px}[data-tema=malam] .kpk-baik{color:#8fdcc0}[data-tema=malam] .kpk-sedang{color:#f1d28a}[data-tema=malam] .kpk-rendah{color:#f2a29a}.kax-tak-didukung{opacity:.72}.kax-tak-didukung-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--ink-muted);background:var(--surface-2);border:1px dashed var(--line)}.asa-urutan ol.akk-urutan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width: 720px){.asa-urutan ol.akk-urutan{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.asa-urutan ol.akk-urutan{grid-template-columns:repeat(6,minmax(0,1fr))}}.apw-p-santri{background:var(--gold-soft);color:var(--gold)}.apw-l-santri .apw-no{background:var(--gold)}@media (min-width: 1600px){.asn-kisi{grid-template-columns:repeat(7,minmax(0,1fr))}}.asa-urutan ol.apa-urutan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width: 720px){.asa-urutan ol.apa-urutan{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.asa-urutan ol.apa-urutan{grid-template-columns:repeat(5,minmax(0,1fr))}}.pa-ponsel.pa-konsep-ponsel{width:100px;height:178px;padding:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.pak-kepala{display:flex;flex-direction:column;gap:2px;padding:12px 9px;text-align:left}.pak-kartu{margin:8px 8px 0;border:1px solid;border-radius:8px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.pak-kartu span{height:11px;border-radius:3px}.pak-aksi{display:flex;justify-content:space-between;padding:8px 10px 0}.pak-aksi span{width:14px;height:14px;box-sizing:border-box}.pak-nav{position:absolute;left:6px;right:6px;bottom:6px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:space-around;padding:0 6px;border:1px solid;box-sizing:border-box}.pak-nav span{width:7px;height:7px;border-radius:50%}.pak-nav-tengah{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0 0;height:22px}.pak-nav-tengah span.aktif{width:14px;height:14px;margin-top:-10px;box-shadow:0 0 0 2px #faf7f0}.pak-nav-pilLabel span.aktif{width:22px;height:11px;border-radius:6px}.pa-konsep-ponsel .pak-kartu{box-sizing:border-box;width:calc(100% - 16px);min-width:0}.pa-konsep-ponsel .pak-kartu>span,.pa-konsep-ponsel .pak-aksi>span,.pa-konsep-ponsel .pak-nav>span{display:block;flex:none}.pa-konsep-ponsel .pak-kepala>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pak-nav-indikator,.pak-nav-garisAtas,.pak-nav-ios{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0 0;height:20px}.pak-nav-indikator span.aktif{width:18px;height:9px;border-radius:5px}.pak-nav-garisAtas span.aktif{width:14px;height:3px;border-radius:2px;margin-top:-12px}.pak-nav-ios span.aktif{width:9px;height:9px}@media (min-width: 1100px){.pa-kartu-grid.pa-konsep-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.phk{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:18px 22px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));border:1px solid var(--line)}.phk-info{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.phk-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.phk-nama{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--ink)}.phk-catatan{margin:0;font-size:13px;line-height:1.6;color:var(--ink-muted);max-width:46ch}.phk-bingkai{flex:none;box-sizing:border-box;padding:10px;border-radius:34px;background:#111214;box-shadow:0 18px 40px #00000047,inset 0 0 0 2px #2a2c30}.phk-layar{border-radius:26px;overflow:hidden;background:#fff}.phk-latar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0e0cb8;display:grid;place-items:center;padding:20px}.phk-latar-isi{display:flex;flex-direction:column;align-items:center;gap:12px}.phk-latar-kepala{display:flex;align-items:center;gap:10px;color:#fff}.phk-latar-kepala span{font-size:12px;opacity:.7}.phk-tutup{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;font-size:15px;cursor:pointer}.phk-tutup:focus-visible{outline:2px solid #fff;outline-offset:2px}.input[aria-invalid=true],.mw-input .input[aria-invalid=true]{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 14%,transparent)}.mw-pilgrup[aria-invalid=true],.kolom-bungkus[aria-invalid=true]{outline:2px solid color-mix(in srgb,var(--bad) 55%,transparent);outline-offset:3px;border-radius:14px}.kolom-galat{margin:5px 2px 0;font-size:12px;color:var(--bad);line-height:1.45}.kolom-hitung{margin:4px 2px 0;font-size:11px;color:var(--ink-faint);text-align:right;font-variant-numeric:tabular-nums}