:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fbfcfe;--surface-3: #f1f3f7;--ink: #0e1420;--ink-2: #4b5563;--ink-3: #9aa3b2;--line: #e7eaf0;--line-2: #d6dbe4;--brand: #2f6bff;--brand-ink: #1c4fd8;--brand-soft: #eef2ff;--pos: #0e9f6e;--pos-soft: #e7f7f0;--warn: #d97706;--warn-soft: #fbf3e3;--warn-soft-2: #fff8ed;--danger: #dc2626;--danger-soft: #fdecec;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 6px 18px -6px rgba(16, 24, 40, .14), 0 2px 6px -2px rgba(16, 24, 40, .07);--shadow-lg: 0 22px 50px -16px rgba(16, 24, 40, .28);--ring: 0 0 0 3px rgba(47, 107, 255, .16);--appbar-bg: rgba(255, 255, 255, .82);--radius: 14px;--radius-sm: 10px;--radius-pill: 100px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .15s;--dur-base: .24s;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-num: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}html[data-theme=dark]{--bg: #0b0f17;--surface: #131a26;--surface-2: #101721;--surface-3: #1a2230;--ink: #eef2f8;--ink-2: #a7b1c2;--ink-3: #6b7688;--line: #232c3b;--line-2: #2f3a4c;--brand: #5c8dff;--brand-ink: #8fb0ff;--brand-soft: rgba(92, 141, 255, .14);--pos: #34d399;--pos-soft: rgba(52, 211, 153, .12);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .14);--warn-soft-2: rgba(245, 158, 11, .08);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(92, 141, 255, .28);--appbar-bg: rgba(11, 15, 23, .78)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;transition:background-color .24s ease,color .24s ease}.wrap{max-width:1240px;margin:0 auto;padding:22px 20px 72px}.muted{color:var(--ink-2)}.small{font-size:12.5px;line-height:1.6}.right{text-align:right}.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}.appbar{position:sticky;top:0;z-index:30;width:100%;background:var(--appbar-bg);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.appbar-inner{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.appbar-brand{display:flex;align-items:center;gap:12px;min-width:0}.appbar-mark{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;background:linear-gradient(135deg,var(--brand) 0%,#7a5cff 100%);box-shadow:0 4px 14px -4px #2f6bff80}.appbar-title h1{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.appbar-title p{margin:1px 0 0;font-size:11.5px;color:var(--ink-2)}.appbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ibtn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:10px;cursor:pointer;padding:0;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) ease,border-color var(--dur-base) ease,color var(--dur-base) ease}.ibtn:hover{background:var(--surface-3);color:var(--ink);border-color:var(--line-2)}.ibtn:active{transform:scale(.93)}.ibtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn{border:1px solid var(--brand);background:var(--brand);color:#fff;padding:9px 16px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:7px;font-family:var(--font);transition:background-color var(--dur-base) ease,border-color var(--dur-base) ease,transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) ease,color var(--dur-base) ease}.btn:active{transform:scale(.97)}.btn:hover{background:var(--brand-ink);border-color:var(--brand-ink);box-shadow:0 4px 14px -6px #2f6bff80}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn.active{background:var(--brand-ink);border-color:var(--brand-ink)}.btn.ghost{background:transparent;color:var(--brand)}.btn.ghost:hover{background:var(--brand-soft);box-shadow:none}.btn.danger{background:var(--danger-soft);border-color:#dc26264d;color:var(--danger)}.btn.danger:hover{box-shadow:0 4px 14px -6px #dc262666}.btn.small{padding:6px 12px;font-size:13px;border-radius:8px}.btn[disabled]{opacity:.55;cursor:not-allowed}.print-btn svg{flex-shrink:0}.btn .btn-txt{display:inline-flex;align-items:center;gap:6px}input[type=text],input[type=password],input[type=number]{padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--ink);font-family:var(--font);transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}input::placeholder{color:var(--ink-3)}input:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.login-form{background:var(--surface);border:1px solid var(--line-2);padding:18px;border-radius:var(--radius);display:flex;gap:8px;margin-bottom:18px;max-width:420px;box-shadow:var(--shadow-sm)}.login-form.pw-form{flex-direction:column;align-items:stretch}.login-form.pw-form p{margin:0 0 4px}.login-form input,.row-form input{flex:1}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-pill);margin-bottom:22px;position:relative}.seg-item{border:none;background:transparent;padding:8px 20px;border-radius:var(--radius-pill);cursor:pointer;font-size:14px;font-weight:600;color:var(--ink-2);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease;font-family:var(--font)}.seg-item:active{transform:scale(.97)}.seg-item:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-radius:var(--radius-pill)}.seg-item.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease,background-color var(--dur-base) ease}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) ease,border-color var(--dur-base) ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-accent{position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;border-radius:3px}.kpi.accent-brand .kpi-accent{background:var(--brand)}.kpi.accent-pos .kpi-accent{background:var(--pos)}.kpi.accent-warn .kpi-accent{background:var(--warn)}.kpi.accent-danger .kpi-accent{background:var(--danger)}.kpi-label{font-size:12px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:6px;margin-bottom:8px}.kpi-value{font-size:clamp(20px,2.4vw,26px);font-weight:750;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.kpi-sub{margin-top:7px;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.progress-ring{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring .track{fill:none;stroke:var(--surface-3);stroke-width:5}.progress-ring .bar{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-out)}.progress-ring .val{position:absolute;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.mini-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:9px}.mini-bar .fill{height:100%;border-radius:3px;background:var(--pos);transition:width .8s var(--ease-out)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 14px;font-size:16px;letter-spacing:-.01em;font-weight:700}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.card-head h2{margin:0}.card-head>.btn.ghost.me-btn{padding:8px 14px;white-space:nowrap}.chip{background:var(--brand-soft);color:var(--brand-ink);font-size:12px;font-weight:600;padding:4px 11px;border-radius:var(--radius-pill)}.card-head-left{display:flex;align-items:center;gap:8px;min-width:0}.riwayat-note{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:8px 12px;background:var(--brand-soft);color:var(--brand-ink);border-radius:10px;font-size:12.5px;line-height:1.5}.riwayat-note svg{flex:none}.riwayat-note b{font-weight:700}.status-card h2{font-size:15px}.status-period{margin:0 0 14px;color:var(--ink-2)}.status-period b{color:var(--ink);font-weight:600}.st-badge{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:12px;border:1px solid var(--line);margin-bottom:14px}.st-badge.ok{background:var(--pos-soft);border-color:#0e9f6e4d}.st-badge.warn{background:var(--warn-soft-2);border-color:#d9770652}.st-badge.neutral{background:var(--surface-3);border-color:var(--line)}.st-badge-ico{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px;background:var(--surface);box-shadow:var(--shadow-sm)}.st-badge-body{min-width:0}.st-badge-title{font-size:14px;font-weight:650;color:var(--ink)}.st-badge-names{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.5}.st-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.st-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;transition:background-color var(--dur-base) ease}.st-row:nth-child(odd){background:var(--surface-3)}.st-name{flex:1;font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-num{color:var(--ink-2);white-space:nowrap}.st-total{font-weight:700;font-variant-numeric:tabular-nums;color:var(--warn);white-space:nowrap}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;contain:paint;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:13.5px}.matrix{border-collapse:separate;border-spacing:0;transform:translateZ(0)}.matrix th,.matrix td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:8px;text-align:center;white-space:nowrap;height:40px;box-sizing:border-box}.matrix th:last-child,.matrix td:last-child{border-right:none}.matrix th{background:var(--surface-3);color:var(--ink-2);font-weight:600;font-size:12.5px;position:sticky;top:0;z-index:2}.matrix th.month-col{min-width:42px;font-size:11.5px;color:var(--ink-2)}.matrix td.nik{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.matrix td.name{text-align:left;min-width:148px;font-weight:500}.matrix td.cell{min-width:42px}.matrix td.cnt{font-weight:650;background:var(--surface-2)}.matrix .sticky-col{position:sticky;left:0;z-index:1;background:var(--surface)}.matrix thead .sticky-col{background:var(--surface-3);z-index:3}.matrix .sticky-col-idx{left:0;min-width:40px}.matrix .sticky-col-name{left:76px}.matrix .name{position:sticky;left:76px}.matrix .total-row td{background:var(--surface-3);font-weight:700;border-top:2px solid var(--line-2);position:sticky;bottom:0;z-index:2;height:40px}.matrix .total-row .sticky-col{background:var(--surface-3);z-index:3}.matrix .total-row .cnt{font-size:13.5px}.matrix tbody tr:hover td,.matrix tbody tr:hover .sticky-col{background:var(--surface-2)}.matrix tbody tr:hover .after-exit{background:var(--surface-3)}.mark{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--pos-soft);color:var(--pos);font-size:13px;font-weight:800;transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-base) ease}.blank{color:var(--ink-3)}.cbox{width:17px;height:17px;cursor:pointer;accent-color:var(--pos);border-radius:5px;margin:0;transition:transform var(--dur-fast) var(--ease-spring)}.cbox:checked{transform:scale(1.08)}.cbox:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.matrix .exit-chip{margin-left:6px;font-size:10px;padding:2px 7px;background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-pill);font-weight:650}.matrix .new-chip{margin-left:6px;font-size:10px;padding:2px 7px;background:var(--pos-soft);color:var(--pos);border-radius:var(--radius-pill);font-weight:650}.matrix .exited-row td{color:var(--ink-2)}.matrix .exited-row td.name{font-weight:500}.matrix .after-exit{background:var(--surface-3)}.matrix .after-exit .exited-mark{color:var(--ink-3);font-weight:700}.exp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exp-head h2{margin:0}.row-form{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.exp-table td,.exp-table th{border-bottom:1px solid var(--line);padding:10px 12px}.exp-table th{text-align:left;color:var(--ink-2);font-weight:600;font-size:12.5px}.exp-table tr:last-child td{border-bottom:none}.exp-table tbody tr:hover td{background:var(--surface-2)}.exp-total{text-align:right;font-size:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.exp-total b{font-size:15px}.strong-row td{background:var(--brand-soft);border-top:2px solid var(--brand)}.strong-row td b{font-size:15px}.recap-flow{display:flex;flex-direction:column;gap:0;margin-top:6px}.recap-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) ease,border-color var(--dur-base) ease}.recap-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.recap-item.opener{border-left:4px solid var(--ink-3)}.recap-item.plus{border-left:4px solid var(--pos);background:var(--pos-soft)}.recap-item.minus{border-left:4px solid var(--danger);background:var(--danger-soft)}.recap-item.result{border-left:5px solid var(--brand);background:linear-gradient(180deg,var(--brand-soft),var(--surface));border-color:var(--brand);box-shadow:0 4px 16px -8px #2f6bff59}.recap-icon{font-size:22px;flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm)}.recap-item.plus .recap-icon,.recap-item.minus .recap-icon,.recap-item.result .recap-icon{background:var(--surface)}.recap-body{flex:1;min-width:0}.recap-label{font-size:14px;font-weight:600;color:var(--ink)}.recap-desc{font-size:12.5px;color:var(--ink-2);margin-top:2px;line-height:1.45}.recap-value{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;text-align:right}.recap-item.plus .recap-value{color:var(--pos)}.recap-item.minus .recap-value{color:var(--danger)}.recap-item.result .recap-value{font-size:19px;color:var(--brand-ink)}.recap-op{display:flex;align-items:center;justify-content:center;height:24px;font-size:18px;font-weight:700;line-height:1;margin:2px 0 2px 38px;color:var(--ink-2)}.recap-op.plus{color:var(--pos)}.recap-op.minus{color:var(--danger)}.recap-op.eq{color:var(--brand);font-size:22px}.recap-note{margin-top:16px;padding:10px 14px;background:var(--surface-3);border-radius:10px;font-size:13px;color:var(--ink);line-height:1.5}.recap-note .text-plus{color:var(--pos)}.recap-note .text-minus{color:var(--danger)}.tx-card h2{font-size:15px}.tx-note{margin:0 0 12px}.tx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tx-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.tx-item.open{border-color:var(--line-2)}.tx-head{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13.5px;font-family:var(--font);transition:background-color var(--dur-base) ease}.tx-head:hover{background:var(--surface-2)}.tx-head:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.tx-name{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-last{color:var(--ink-2);font-size:12.5px;white-space:nowrap}.tx-last b{color:var(--ink);font-variant-numeric:tabular-nums}.tx-chev{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-weight:700;transition:transform var(--dur-base) var(--ease-out)}.tx-item.open .tx-chev{transform:rotate(180deg)}.tx-detail{border-top:1px solid var(--line);padding:4px 13px 8px;overflow:hidden}.tx-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 2px;font-size:13px;border-bottom:1px solid var(--line)}.tx-row:last-child{border-bottom:none}.tx-month{font-weight:500;color:var(--ink)}.tx-amt{color:var(--pos);font-variant-numeric:tabular-nums;font-weight:600}.tx-date{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12.5px}.toast-stack{position:fixed;top:74px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;align-items:center;pointer-events:none}.toast{background:var(--surface-3);color:var(--ink);padding:11px 18px;border-radius:10px;font-size:14px;border:1px solid var(--line-2);box-shadow:var(--shadow-lg);animation:toast-in .26s var(--ease-out)}.toast.success{background:var(--pos);color:#fff;border-color:var(--pos)}.toast.error{background:var(--danger);color:#fff;border-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}.skeleton-head{height:40px;width:220px;margin-bottom:18px}.skeleton.row{height:44px;margin-bottom:16px}.skeleton.block{height:220px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a1080;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:40}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:82vh;overflow-y:auto;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -10px 44px #00000040;transform:translateY(110%);transition:transform .32s var(--ease-out);padding:18px 20px 30px;box-sizing:border-box}.sheet.open{transform:translateY(0)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sheet-head h2{margin:0;font-size:17px}.sheet .muted.small{margin:2px 0 14px;line-height:1.5}.sheet input[type=text],.sheet input[type=password]{width:100%;margin-bottom:8px}.me-login{display:flex;flex-direction:column;gap:0}.me-login .btn{margin-top:6px}.me-home{display:flex;flex-direction:column;gap:14px}.me-id{display:flex;align-items:center;gap:12px}.me-avatar{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),#7a5cff)}.me-name{font-weight:700;font-size:16px}.me-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.me-id .right{margin-left:auto}.me-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.me-stat{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.me-stat b{display:block;font-size:17px}.me-stat span{font-size:12px;color:var(--ink-2)}.me-timeline{display:flex;flex-direction:column;border-left:2px solid var(--line-2);margin-left:8px;padding-left:18px;gap:18px}.me-entry{position:relative}.me-dot{position:absolute;left:-25px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.me-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.me-month{font-weight:600}.me-amt{color:var(--pos);font-weight:700}.me-date{margin-top:2px}.me-bukti{margin-top:6px;font-size:13px;color:var(--ink);background:var(--brand-soft);border:1px solid var(--line-2);border-radius:8px;padding:6px 9px;word-break:break-word}.me-note{margin-top:6px}.mg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mg-item{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mg-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mg-name{font-weight:600;font-size:14px}.mg-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mg-form input{flex:1 1 160px;margin:0}.mg-form .btn{margin:0}@media (max-width: 960px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 760px){.appbar-inner{flex-wrap:nowrap;padding:8px 12px;gap:8px}.appbar-brand{gap:8px}.appbar-mark{width:30px;height:30px;border-radius:9px;font-size:12px}.appbar-title h1{font-size:14px}.appbar-title p{display:none}.ibtn{width:32px;height:32px;min-width:32px;padding:0}.btn.ghost.me-btn{height:32px;padding:0 10px;font-size:13px}.btn.ghost.me-btn svg{width:14px;height:14px}.matrix .sticky-col{position:static;background:transparent}.matrix .sticky-col-name,.matrix .name{position:sticky;left:0;z-index:2;background:var(--surface)}.matrix thead .sticky-col-name,.matrix .total-row .sticky-col-name{background:var(--surface-3)}.matrix tbody tr:hover .sticky-col-name,.matrix tbody tr:hover .sticky-col{background:var(--surface-2)}.matrix td.name{min-width:120px}.matrix td.cell,.matrix th.month-col{min-width:34px}.seg{width:100%}.seg-item{flex:1}.appbar-actions{justify-content:flex-end;gap:4px}.recap-item{padding:12px;gap:10px}.recap-icon{width:32px;height:32px;font-size:18px}.recap-value{font-size:14px}.recap-item.result .recap-value{font-size:16px}.recap-op{margin-left:28px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}}@media print{body{background:#fff;color:#000}html{color-scheme:light}.no-print{display:none!important}.toast-stack,.skeleton{display:none}.appbar{position:static;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #ddd}.card{box-shadow:none;border-color:#c8c8c8;margin-bottom:14px;border-radius:6px}.wrap{max-width:100%;padding:0}.matrix td,.matrix th{border:1px solid #ccc}.matrix th.month-col{min-width:0}.seg,.head .eyebrow{display:none}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.print-member-record{display:none}@media print{html.print-rec .appbar,html.print-rec .wrap{display:none!important}.print-member-record{display:block!important}html.print-rec body{background:#fff;color:#111}.print-member-record h1{font-size:20px;margin:0 0 4px;font-weight:700}.print-member-record .pr-sub{color:#555;font-size:13px;margin-bottom:18px}.print-member-record table{width:100%;border-collapse:collapse;font-size:12px}.print-member-record th,.print-member-record td{border:1px solid #ccc;padding:6px 9px;text-align:left}.print-member-record th{background:#f3f4f6;font-weight:600}.print-member-record .pr-total{margin-top:12px;font-size:13px;font-weight:600;text-align:right}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.btn:active,.seg-item:active,.ibtn:active{transform:none}}.menu-wrap{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:55;min-width:212px;padding:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:11px;box-shadow:var(--shadow-md);animation:menu-in .14s var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:13.5px;font-weight:500;color:var(--ink);border-radius:8px;font-family:var(--font);transition:background-color var(--dur-base) ease,color var(--dur-base) ease}.menu-item:hover{background:var(--surface-3)}.menu-item:focus-visible{outline:none;box-shadow:var(--ring)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-sep{height:1px;margin:5px 4px;background:var(--line-2)}@media (prefers-reduced-motion: reduce){.menu-pop{animation:none}}.card-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pay-btn{background:var(--pos);border-color:var(--pos);color:#fff}.pay-btn:hover{background:#0a8058;border-color:#0a8058}.pay-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--pos)}.pay-list{display:flex;flex-direction:column;gap:8px}.pay-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.pay-item:hover{border-color:var(--line-2)}.pay-info{flex:1;min-width:0}.pay-label{font-size:13px;font-weight:600}.pay-value{font-size:16px;font-weight:700;margin-top:3px;font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--brand-ink)}.pay-note{margin-top:2px;font-size:12.5px}.copy-btn{flex:none}.pay-qris{display:block}.pay-qr-body{display:flex;gap:14px;align-items:center}.pay-qr-img{width:128px;height:128px;object-fit:cover;flex:none;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff}.pay-qr-meta{flex:1;min-width:0}.pay-qr-meta .pay-label{font-size:14px}.pay-dl{margin-top:9px}.pay-foot{margin:14px 0 0}.pay-wa{display:flex;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;background:var(--pos-soft);border:1px solid rgba(14,159,110,.35);border-radius:var(--radius-sm)}.pay-wa .pay-info{flex:1;min-width:0}.pay-wa .pay-label{font-size:12.5px}.pay-wa .pay-value{font-size:15px;margin-top:2px}.pay-step{display:flex;gap:10px;align-items:flex-start;margin:14px 0 8px}.pay-step-2{margin-top:20px}.pay-step-no{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:700}.pay-step-2 .pay-step-no{background:var(--danger)}.pay-step-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:2px}.pay-wajib{background:var(--danger-soft);color:var(--danger);font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.pay-proof{margin-top:8px;display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.pay-proof input.pay-name{width:100%;margin-bottom:0}.pay-proof .pay-wa-big{width:100%;justify-content:center;padding:12px 16px;font-size:15px}.pay-proof-fine{margin:0;line-height:1.5}.pay-qr-thumb{display:block;padding:0;border:none;background:transparent;cursor:zoom-in;flex:none}.pay-qr-thumb .pay-qr-img{cursor:zoom-in}.qris-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#08080ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:qris-fade .16s ease}@keyframes qris-fade{0%{opacity:0}to{opacity:1}}.qris-modal{position:fixed;z-index:81;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 24px));max-height:86vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-lg);padding:16px}.qris-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.qris-modal-head h2{margin:0;font-size:16px}.qris-modal-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.qris-modal-actions .ibtn{width:34px;height:34px;border:1px solid var(--line-2);background:var(--surface)}.qris-canvas{flex:1;min-height:260px;max-height:62vh;overflow:auto;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--surface-3);border:1px solid var(--line);border-radius:12px;touch-action:pan-x pan-y}.qris-zoom{display:block;max-width:100%;max-height:60vh;object-fit:contain;transform-origin:center;transition:transform .16s var(--ease-out);border-radius:8px}.qris-modal-note{margin:12px 0 0;text-align:center}@media (prefers-reduced-motion: reduce){.qris-backdrop{animation:none}}.props-card{margin-bottom:14px}.prop-login-prompt{margin-top:4px}.prop-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;background:var(--surface-2);padding:14px;border-radius:var(--radius-sm);border:1px solid var(--line-2, var(--line));margin-bottom:14px}.prop-field{display:flex;flex-direction:column;gap:4px;min-width:0}.prop-field label{font-size:12px;font-weight:600;color:var(--ink-2)}.prop-field input,.prop-field textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;background:var(--surface);color:var(--ink);font-family:var(--font);transition:border-color .12s ease}.prop-field input:focus,.prop-field textarea:focus{border-color:var(--brand);outline:none}.prop-full{grid-column:1 / -1}.prop-submit{justify-self:start;margin-top:2px}.prop-note{grid-column:1 / -1;margin:0}.prop-loading,.prop-empty{padding:10px 2px}.prop-list{display:flex;flex-direction:column;gap:12px}.prop-card{border:1px solid var(--line-2, var(--line));border-radius:var(--radius-sm, 12px);background:var(--surface);padding:14px;position:relative;overflow:hidden}.prop-card.active{box-shadow:0 6px 20px -10px #2f6bff59;border-color:#2f6bff59}.prop-card.done{opacity:.82}.prop-card-head{display:flex;align-items:center;gap:10px}.prop-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--brand) 0%,#7a5cff 100%);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;transform:translateZ(0);will-change:transform}.prop-title-wrap{flex:1;min-width:0}.prop-title{font-weight:700;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-meta{font-size:12px;color:var(--ink-2);margin-top:2px}.prop-badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}.prop-badge.seleksi{background:var(--warn-soft);color:var(--warn)}.prop-badge.lolos{background:var(--pos-soft);color:var(--pos)}.prop-badge.gagal{background:var(--danger-soft);color:var(--danger)}.prop-badge.batal,.prop-badge.tutup{background:var(--surface-3);color:var(--ink-2)}.prop-desc{margin-top:8px;font-size:13px;color:var(--ink-2);white-space:pre-wrap}.prop-amount{margin-top:8px;font-size:20px;font-weight:800;color:var(--brand-ink)}.prop-votes{margin-top:10px}.prop-votes-top{display:flex;align-items:center;gap:14px;font-size:13px}.prop-votes-top .yes{color:var(--pos);font-weight:600}.prop-votes-top .no{color:var(--danger);font-weight:600}.prop-votes-top .need{margin-left:auto;font-size:12px;color:var(--ink-2)}.prop-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-3);margin-top:8px}.prop-bar-yes{background:var(--pos);transition:width .32s var(--ease-out);min-width:0}.prop-bar-no{background:var(--danger);transition:width .32s var(--ease-out);min-width:0}.prop-votes-sub{margin-top:6px;font-size:12px;color:var(--ink-2)}.prop-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.prop-btn-yes{background:var(--pos)!important;border-color:var(--pos)!important}.prop-btn-yes:hover{background:#0c8a5c!important}.prop-btn-no{background:var(--danger)!important;border-color:var(--danger)!important}.prop-btn-no:hover{background:#b91c1c!important}.prop-login-btn{width:100%;justify-content:center;background:var(--brand-soft);border-color:#2f6bff59;color:var(--brand-ink);font-weight:700}.prop-login-btn:hover{background:var(--brand-soft);box-shadow:0 4px 14px -6px #2f6bff80}.prop-login-prompt .st-badge-body{width:100%}.st-badge-act{margin-top:10px;padding:0}.prop-withdraw,.prop-voted{margin-left:auto}@keyframes prop-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prop-card{animation:prop-card-in .28s var(--ease-out) both;will-change:transform,opacity}.prop-countdown{color:var(--tone, var(--warn));font-variant-numeric:tabular-nums;font-weight:600}.prop-countdown b{font-weight:800}@keyframes prop-count-pulse{0%,to{opacity:1}50%{opacity:.75}}.prop-countdown{animation:prop-count-pulse 2.2s ease-in-out infinite}.prop-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:inherit}.prop-confetti-piece{position:absolute;top:10%;line-height:1;-webkit-user-select:none;user-select:none;animation:prop-confetti-fly 1.1s cubic-bezier(.12,.7,.3,1) both;will-change:transform,opacity}@keyframes prop-confetti-fly{0%{transform:translate(0) scale(.4);opacity:0}12%{opacity:1}60%{opacity:1}to{transform:translate(var(--dx, 40px),130%) scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.prop-card,.prop-bar-yes,.prop-bar-no,.prop-countdown{transition:none;animation:none}.prop-bar-yes,.prop-bar-no{transition-duration:.01ms!important}.prop-confetti,.prop-confetti-piece{display:none}}