:root{--surface-0:#fff;--surface-1:#fbfaf7;--surface-2:#f3f1ea;--border:rgba(20,18,10,.12);--border-strong:rgba(184,134,11,.55);--gold:#8f6a0a;--gold-deep:#b8860b;--wine:#b0413e;--ink:#17150f;--muted:#6b665c;--white:#fff;--status-good:#0ca30c;--status-critical:#d03b3b;--status-muted:#83806f;--status-pending:#a85d00}*{box-sizing:border-box}body{font-family:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin:0;background:var(--surface-0)}body,h1,h2,h3{color:var(--ink)}h1,h2,h3{font-family:var(--font-heading),Georgia,serif;letter-spacing:.01em}main{max-width:1080px;margin:0 auto;padding:28px 24px 60px}a{color:var(--gold)}@media (max-width:780px){main{padding:18px 14px 40px}h1{font-size:21px}}@media (max-width:480px){main{padding:14px 10px 32px}}nav.topnav{display:flex;gap:22px;align-items:center;padding:14px 28px;background:var(--surface-1);border-bottom:1px solid var(--border);flex-wrap:wrap}nav.topnav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:14.5px}nav.topnav a:hover{color:var(--gold)}nav.topnav .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading),Georgia,serif;font-size:18px;color:var(--ink);font-weight:700}nav.topnav .brand-logo{height:34px;width:auto;border-radius:4px}.topnav-links{display:flex;align-items:center;gap:22px;flex:1 1;flex-wrap:wrap}nav.topnav .role-badge{margin-left:auto;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--gold);padding:5px 12px;border-radius:999px;font-size:12.5px;white-space:nowrap}nav.topnav .role-badge a{color:var(--muted)}.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--border-strong);border-radius:6px;width:38px;height:34px;padding:0;align-items:center;justify-content:center;font-size:18px;line-height:1;color:var(--ink)}.nav-toggle:hover{background:var(--surface-2)}@media (max-width:780px){nav.topnav{padding:12px 16px}.nav-toggle{display:flex}.topnav-links{display:none;flex-direction:column;align-items:flex-start;width:100%;gap:2px;padding-top:10px}.topnav-links.topnav-links-open{display:flex}.topnav-links a{padding:8px 4px;width:100%}nav.topnav .role-badge{margin-left:0;margin-top:8px}}.login-screen{max-width:420px;margin:10vh auto 0;text-align:center;padding:40px 32px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.06)}@media (max-width:480px){.login-screen{margin:6vh 12px 0;padding:28px 20px;max-width:none}}.login-logo{width:120px;height:auto;margin-bottom:16px;border-radius:8px}.login-screen p{color:var(--muted)}.login-screen .role-switcher{justify-content:center;margin-top:24px}.login-form{gap:16px;margin-top:24px;text-align:left}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{font-size:12.5px;color:var(--muted);gap:5px}.login-form input{width:100%}.login-form button{margin-top:4px}.login-form .error{text-align:center;margin:0}h1{font-size:25px;margin-bottom:18px}.negative-stock{color:var(--status-critical);font-weight:600}.negative-heading{color:var(--status-critical);border-top:none}.negative-stock-table{border-color:var(--status-critical);margin-bottom:32px}.negative-stock-table th{background:rgba(208,59,59,.08);color:var(--status-critical)}.pending-heading{color:var(--status-pending);border-top:none}.pending-note{color:var(--muted);font-size:13px;margin:-6px 0 14px;max-width:640px}.pending-table{border-color:var(--status-pending);margin-bottom:20px}.pending-table th{background:rgba(168,93,0,.08);color:var(--status-pending)}.pending-qty{color:var(--status-pending);font-weight:600}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width:480px){.page-head .btn-secondary{width:100%}}.page-head h1{margin-bottom:4px}.section-subhead{font-size:16px;color:var(--ink);margin:32px 0 14px;padding-top:20px;border-top:1px solid var(--border)}.section-subhead-first{margin-top:0;padding-top:0;border-top:none}.restriction-banner{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--gold);padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:14px}.print-range{color:var(--muted);font-size:13px;margin:-8px 0 16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:4px 0 20px;flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;padding:9px 16px;color:var(--muted);font-weight:500;margin-bottom:-1px}.tab:hover{color:var(--gold);background:var(--surface-2)}.tab-active{color:var(--gold);background:var(--surface-1);border-color:var(--border);border-bottom:1px solid var(--surface-1)}@media (max-width:560px){.tabs{gap:2px}.tab{flex:1 1 auto;padding:9px 10px;font-size:13.5px}}.filters,form.filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.filters label,form.filters label{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);gap:5px}@media (max-width:560px){.filters,form.filters{gap:12px}.filters label,form.filters label{flex:1 1 100%}.filters button,.filters input,.filters select,form.filters button,form.filters input,form.filters select{width:100%}}button,input,select{font:inherit;padding:8px 11px;border:1px solid var(--border-strong);border-radius:6px;background:var(--white);color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(169,121,10,.15)}button{background:var(--gold);color:var(--white);border:none;font-weight:600;cursor:pointer}button:hover{background:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--gold);border:1px solid var(--border-strong);font-weight:600}.btn-secondary:hover{background:var(--surface-2);color:var(--ink)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:700px){.table-scroll table{min-width:640px}}table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);font-size:14px}th{background:var(--surface-2);color:var(--gold);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-1)}.error{color:#b3261e}.role-switcher{display:flex;gap:10px;flex-wrap:wrap}.role-switcher button{background:transparent;color:var(--gold);border:1px solid var(--border-strong)}.role-switcher button:hover{background:var(--surface-2);color:var(--ink)}.formula-row td{padding:0;border-bottom:1px solid var(--border)}.formula-editor{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;background:var(--surface-2);padding:16px 18px}.formula-editor label{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);gap:5px}.formula-editor input{width:150px}@media (max-width:480px){.formula-editor{gap:12px}.formula-editor input{width:120px}}.formula-preview{font-size:14px;color:var(--ink)}.formula-preview strong{font-family:var(--font-heading),Georgia,serif;font-size:18px}.status-filter-row{margin-bottom:20px}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600}.status-need_restock{background:rgba(208,59,59,.1);color:var(--status-critical)}.status-safe{background:rgba(12,163,12,.1);color:var(--status-good)}.status-not_set{background:hsla(51,8%,47%,.12);color:var(--status-muted)}.dashboard .filter-row{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.granularity-group,.preset-group{display:flex;gap:6px}.preset-btn{background:transparent;color:var(--muted);border:1px solid var(--border);font-weight:500;font-size:13px;padding:7px 12px}.preset-btn.active{background:var(--gold);color:var(--white);border-color:var(--gold)}.preset-btn:hover:not(.active){border-color:var(--border-strong);color:var(--ink)}.scorecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px;transition:opacity .2s ease}.scorecard{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:11px 13px}.scorecard-accent{border-color:var(--border-strong);background:var(--surface-2)}.scorecard-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.scorecard-value{font-family:var(--font-heading),Georgia,serif;font-size:20px;color:var(--ink);font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.scorecard-value-sm{font-size:14px}.scorecard-sub{font-size:10.5px;color:var(--muted);margin-top:2px}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:20px 20px 8px;margin-bottom:24px}@media (max-width:480px){.chart-card{padding:14px 14px 8px}}.chart-card-title{font-size:15px;color:var(--ink);margin:0 0 16px;font-family:var(--font-heading),Georgia,serif}.chart-row{display:grid;grid-template-columns:2fr 1fr;grid-gap:20px;gap:20px;align-items:start;margin-bottom:0}.chart-row .chart-card{margin-bottom:24px}@media (max-width:860px){.chart-row{grid-template-columns:1fr}}.bar-chart-svg{width:100%;display:block}.bar-chart-label{fill:var(--ink)}.bar-chart-label,.bar-chart-value{font-size:12px;font-family:var(--font-body),sans-serif}.bar-chart-value{fill:var(--muted)}.bar-chart-bar{fill:var(--gold-deep);transition:fill .15s ease}.bar-chart-bar-hover{fill:var(--ink)}.pie-chart{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.pie-chart-svg{width:200px;height:200px;flex-shrink:0}.pie-slice{stroke:var(--surface-1);stroke-width:2;transition:opacity .15s ease;cursor:pointer}.pie-slice-hover{opacity:.8}.pie-center-value{font-family:var(--font-heading),Georgia,serif;font-size:22px;fill:var(--ink)}.pie-center-label{font-size:11px;fill:var(--muted);font-family:var(--font-body),sans-serif}.pie-legend{display:flex;flex-direction:column;gap:8px;min-width:160px}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);padding:3px 6px;border-radius:5px;cursor:pointer}.pie-legend-item-hover{background:var(--surface-2)}.pie-swatch{width:11px;height:11px;border-radius:3px;flex-shrink:0}.pie-legend-name{flex:1 1}.pie-legend-pct{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-chart{position:relative}.trend-chart-svg{width:100%;height:auto;display:block}.trend-gridline{stroke:rgba(0,0,0,.08);stroke-width:1}.trend-axis-label{fill:var(--muted);font-size:11px;font-family:var(--font-body),sans-serif}.trend-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-line-out{stroke:var(--gold-deep)}.trend-line-in{stroke:var(--wine)}.trend-dot{stroke:var(--surface-1);stroke-width:2}.trend-dot-out{fill:var(--gold-deep)}.trend-dot-in{fill:var(--wine)}.trend-dot-ring{r:5}.trend-crosshair{stroke:rgba(0,0,0,.2);stroke-width:1}.trend-tooltip{position:absolute;top:8px;transform:translateX(-50%);background:var(--ink);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px;font-size:13px;min-width:150px;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.18)}.trend-tooltip-period{color:#c9c5b8;font-size:11.5px;margin-bottom:6px}.trend-tooltip-row{display:flex;align-items:center;gap:7px;color:#ece8db}.trend-tooltip-row strong{color:var(--white)}.trend-key{width:12px;height:2px;border-radius:2px;display:inline-block}.trend-key-out{background:var(--gold-deep)}.trend-key-in{background:var(--wine)}.trend-legend{display:flex;gap:20px;margin-top:10px;padding-bottom:8px}.trend-legend-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}@media print{@page{size:A4 landscape;margin:8mm}.no-print{display:none!important}body{background:#fff;color:#000;font-size:9px}main{max-width:100%;padding:0;margin:0}h1{font-size:15px;margin-bottom:6px}.printable table{border:1px solid #000;box-shadow:none}.printable td,.printable th{border-color:#ccc;color:#000;padding:2px 5px;font-size:7.5px}.printable th{background:#f0f0f0;color:#000;font-size:7px}.scorecards{gap:4px;margin-bottom:8px}.scorecard{padding:4px 6px;border-radius:4px;page-break-inside:avoid;break-inside:avoid;border-color:#000}.scorecard-label{font-size:6.5px;margin-bottom:1px}.scorecard-value{font-size:11px}.scorecard-value-sm{font-size:9px}.scorecard-sub{font-size:6.5px;margin-top:0}.chart-card{border-color:#000;padding:6px 8px 4px;margin-bottom:6px}.chart-card-title{font-size:10px;margin-bottom:5px;page-break-after:avoid;break-after:avoid}.print-range,.restriction-banner{font-size:8px;margin:2px 0 6px;padding:4px 6px}.printable table tr{page-break-inside:avoid;break-inside:avoid}a{color:#000;text-decoration:none}}:root{--fin-masuk:#1baf7a;--fin-keluar:#eb6834;--fin-rumah:#2a78d6;--fin-masuk-tint:rgba(27,175,122,.12);--fin-keluar-tint:rgba(235,104,52,.12);--fin-rumah-tint:rgba(42,120,214,.12)}.fin-main{padding-bottom:120px}.fin-app{font-family:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.fin-muted{color:var(--muted)}.fin-kecil{font-size:12.5px}.fin-hint{color:var(--muted);font-size:13px;margin:-6px 0 10px}.fin-negatif{color:var(--status-critical)}.fin-angka,.fin-nowrap{white-space:nowrap}.fin-angka{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fin-memuat{opacity:.55;transition:opacity .2s ease}.fin-skeleton{background:var(--surface-2);min-height:72px;animation:fin-pulse 1.4s ease-in-out infinite}@keyframes fin-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.fin-skeleton{animation:none}}.fin-kosong{color:var(--muted);font-size:14px}.fin-kosong-besar{text-align:center;padding:22px 12px;background:var(--surface-1);border:1px dashed var(--border);border-radius:10px}.fin-periode{font-size:19px;margin:6px 0 12px}.fin-subjudul{font-size:14px;margin:18px 0 8px;color:var(--muted);font-family:var(--font-body),system-ui,sans-serif;font-weight:600}.fin-link{background:none;color:var(--gold);padding:6px 0;font-weight:600}.fin-link:hover{background:none;color:var(--ink);text-decoration:underline}.fin-btn-ikon{background:none;color:var(--muted);min-width:44px;min-height:44px;padding:0;font-size:18px}.fin-btn-ikon:hover{background:var(--surface-2);color:var(--ink)}.fin-filter{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--surface-0);padding:8px 0 10px;margin:0 0 6px;border-bottom:1px solid var(--border)}.fin-bulan-row{display:flex;align-items:center;gap:2px}.fin-tahun{font-weight:600;min-width:40px;text-align:center}.fin-bulan-chips{display:flex;gap:6px;overflow-x:auto;flex:1 1;min-width:0;padding:2px 2px 4px;scrollbar-width:none}.fin-bulan-chips::-webkit-scrollbar{display:none}.fin-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}.fin-filter-row input,.fin-filter-row select{min-height:44px;flex:1 1 160px;min-width:0}.fin-filter-row .btn-secondary{min-height:44px}.fin-segmen{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;flex:1 1 100%}.fin-segmen button{flex:1 1;background:var(--white);color:var(--ink);border-radius:0;min-height:44px;font-weight:500;padding:6px 8px;font-size:13.5px}.fin-segmen button+button{border-left:1px solid var(--border-strong)}.fin-segmen button:hover{background:var(--surface-2);color:var(--ink)}.fin-segmen .fin-segmen-aktif,.fin-segmen .fin-segmen-aktif:hover{background:var(--ink);color:var(--white)}@media (min-width:720px){.fin-segmen{flex:0 0 auto}.fin-segmen button{white-space:nowrap;padding:6px 14px}}.fin-chip{background:var(--white);color:var(--ink);border:1px solid var(--border-strong);border-radius:999px;padding:6px 14px;min-height:44px;font-weight:500;white-space:nowrap}.fin-chip:hover{background:var(--surface-2);color:var(--ink)}.fin-chip-aktif,.fin-chip-aktif:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}.fin-chip-besar{min-height:48px;padding:8px 16px;font-size:15px}.fin-chip-lagi{color:var(--gold)}.fin-chip-hapus{color:var(--muted)}.fin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:6px 0 16px}.fin-tab{background:none;color:var(--muted);border-radius:6px 6px 0 0;min-height:44px;padding:8px 16px;font-weight:600}.fin-tab:hover{background:var(--surface-2);color:var(--ink)}.fin-tab-aktif,.fin-tab-aktif:hover{color:var(--gold);background:var(--surface-1);box-shadow:inset 0 -2px 0 var(--gold)}@media (max-width:640px){.fin-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;background:var(--surface-1);border-top:1px solid var(--border);border-bottom:none;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.fin-tab{flex:1 1;border-radius:8px;font-size:13px;padding:6px 4px}.fin-tab-aktif,.fin-tab-aktif:hover{box-shadow:none;background:var(--surface-2)}}.fin-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}@media (max-width:480px){.fin-tiles{grid-template-columns:1fr 1fr;gap:8px}}.fin-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px 13px;min-width:0}.fin-tile-aksen{border-color:var(--border-strong);background:var(--surface-2)}.fin-tile-label{font-size:12.5px;color:var(--muted);margin-bottom:4px}.fin-tile-nilai{font-size:21px;font-weight:600;font-feature-settings:"pnum";font-variant-numeric:proportional-nums;letter-spacing:-.01em;overflow-wrap:anywhere}.fin-tile-sub{font-size:12px;color:var(--muted);margin-top:4px}@media (max-width:480px){.fin-tile-nilai{font-size:18px}}.fin-grid-2{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:0 18px;gap:0 18px}@media (min-width:860px){.fin-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fin-chart{width:100%;min-width:0}.fin-chart-area{position:relative}.fin-chart svg{display:block;overflow:visible}.fin-grid{stroke:var(--border);stroke-width:1}.fin-baseline{stroke:rgba(20,18,10,.35);stroke-width:1}.fin-axis{font-size:11px;fill:var(--muted);font-family:var(--font-body),system-ui,sans-serif}.fin-axis-aktif{fill:var(--ink);font-weight:600}.fin-band-aktif{fill:var(--surface-2)}.fin-band-hover{fill:rgba(20,18,10,.04)}.fin-garis-laba{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.fin-titik-laba{fill:var(--ink);stroke:var(--surface-1);stroke-width:2}.fin-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink);margin-bottom:8px}.fin-legenda-item{display:inline-flex;align-items:center;gap:6px}.fin-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}.fin-swatch-garis{height:2px;width:16px;border-radius:1px;background:var(--ink)}.fin-tooltip{position:absolute;top:0;width:190px;pointer-events:none;z-index:5;background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px rgba(20,18,10,.12);padding:8px 10px;font-size:12.5px}.fin-tooltip-judul{font-weight:600;margin-bottom:4px}.fin-tooltip-baris{display:grid;grid-template-columns:12px 1fr auto;grid-gap:6px;gap:6px;align-items:center}.fin-tooltip-baris strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.fin-peringkat{list-style:none;margin:0;padding:0}.fin-peringkat-row{display:grid;grid-template-columns:minmax(96px,36%) minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;width:100%;background:none;color:var(--ink);text-align:left;font-weight:400;padding:6px 4px;min-height:44px;border-radius:6px}button.fin-peringkat-row:hover{background:var(--surface-2);color:var(--ink)}.fin-peringkat-label{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-peringkat-bar,.fin-peringkat-bar-wrap{display:block;height:14px}.fin-peringkat-bar{min-width:2px;border-radius:0 4px 4px 0}.fin-peringkat-nilai{font-size:13.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.fin-peringkat-nilai small{display:block;font-weight:400;color:var(--muted);font-size:11.5px}.fin-tabel{font-size:13.5px}.fin-tabel td,.fin-tabel th{padding:8px 10px;vertical-align:top}.fin-baris-aktif td{background:var(--surface-2)}.fin-tabel .fin-link{display:inline-flex;align-items:center;min-height:44px;padding:0;margin:-10px 0}.fin-catatan-list{padding-left:18px;font-size:14px;line-height:1.5}.fin-catatan-list li{margin-bottom:8px}.fin-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.fin-hari{margin-bottom:14px}.fin-hari-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);padding:6px 2px;border-bottom:1px solid var(--border)}.fin-item-list{list-style:none;margin:0;padding:0}.fin-item{border-bottom:1px solid var(--border)}.fin-item-main{display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;width:100%;background:none;color:var(--ink);text-align:left;font-weight:400;padding:10px 2px;min-height:56px;border-radius:0}.fin-item-main:hover{color:var(--ink)}.fin-item-buka .fin-item-main,.fin-item-main:hover{background:var(--surface-1)}.fin-item-teks{min-width:0;display:flex;flex-direction:column}.fin-item-judul{font-weight:600;font-size:14.5px}.fin-item-ket{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-item-nominal{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.fin-item-aksi{display:flex;gap:8px;justify-content:flex-end;padding:0 2px 10px;background:var(--surface-1)}.fin-item-aksi button{min-height:44px}.fin-dot{width:10px;height:10px;border-radius:50%}.fin-dot-masuk{background:var(--fin-masuk)}.fin-dot-keluar{background:var(--fin-keluar)}.fin-dot-rumah{background:var(--fin-rumah)}.fin-badge{margin-left:6px;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.fin-btn-hapus{background:var(--white);color:var(--status-critical);border:1px solid var(--status-critical)}.fin-btn-hapus:hover{background:var(--status-critical);color:var(--white)}.fin-fab{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:35;min-height:52px;padding:0 22px;border-radius:999px;font-size:16px;box-shadow:0 8px 24px rgba(20,18,10,.25)}@media (max-width:640px){.fin-fab{bottom:calc(72px + env(safe-area-inset-bottom))}}.fin-sheet-backdrop{position:fixed;inset:0;z-index:50;background:rgba(20,18,10,.4);display:flex;align-items:flex-end;justify-content:center}.fin-sheet{background:var(--surface-0);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom))}@media (min-width:720px){.fin-sheet-backdrop{align-items:center}.fin-sheet{border-radius:14px;padding:12px 22px 22px}}.fin-sheet-head{display:flex;justify-content:space-between;align-items:center}.fin-sheet-head h2{margin:6px 0;font-size:20px}.fin-label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin:12px 0 6px}.fin-jenis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.fin-jenis-btn{min-height:56px;padding:8px 6px;border-radius:10px;color:var(--ink);font-size:13.5px;line-height:1.2;border:2px solid transparent;font-weight:600}.fin-jenis-masuk,.fin-jenis-masuk:hover{background:var(--fin-masuk-tint);color:var(--ink)}.fin-jenis-keluar,.fin-jenis-keluar:hover{background:var(--fin-keluar-tint);color:var(--ink)}.fin-jenis-rumah,.fin-jenis-rumah:hover{background:var(--fin-rumah-tint);color:var(--ink)}.fin-jenis-masuk.fin-jenis-aktif{border-color:var(--fin-masuk)}.fin-jenis-keluar.fin-jenis-aktif{border-color:var(--fin-keluar)}.fin-jenis-rumah.fin-jenis-aktif{border-color:var(--fin-rumah)}.fin-jenis-aktif:before{content:"✓ "}.fin-nominal{display:block}.fin-nominal input{width:100%;font-size:30px;font-weight:600;min-height:60px;padding:8px 12px;font-feature-settings:"pnum";font-variant-numeric:proportional-nums}.fin-cepat{margin-top:8px}.fin-cepat,.fin-chips{display:flex;gap:8px;flex-wrap:wrap}.fin-detail label{display:block}.fin-detail input{width:100%;min-height:44px}.fin-tanggal{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fin-tanggal input{flex:1 1 160px;width:auto}.fin-sheet-aksi{position:-webkit-sticky;position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));background:var(--surface-0);display:flex;gap:8px;padding:14px 0 4px;margin-top:8px}.fin-sheet-aksi button{min-height:52px;flex:1 1}.fin-btn-simpan{font-size:16px}.fin-toast{position:fixed;left:50%;transform:translateX(-50%);z-index:60;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);background:var(--ink);color:var(--white);border-radius:10px;padding:4px 4px 4px 14px;box-shadow:0 8px 24px rgba(20,18,10,.3);font-size:14px}.fin-toast button{background:none;color:#f2d488;min-height:44px;padding:0 10px}.fin-toast button:hover{background:hsla(0,0%,100%,.08);color:#f2d488}.fin-toast .fin-btn-ikon{color:hsla(0,0%,100%,.7)}@media (max-width:640px){.fin-toast{bottom:calc(136px + env(safe-area-inset-bottom))}}.fin-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.fin-label-row .fin-label{margin-bottom:0}.fin-link-kecil{font-size:13px;min-height:44px}.fin-chip-baru{border-style:dashed;color:var(--gold)}.fin-kat-baru,.fin-kelola{margin-top:10px;padding:4px 12px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-1)}.fin-kat-baru label{display:block}.fin-kat-baru input{width:100%;min-height:44px}.fin-kat-baru-aksi{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.fin-kat-baru-aksi button{min-height:44px}.fin-kelola ul{list-style:none;margin:8px 0 0;padding:0}.fin-kelola li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid var(--border)}.fin-kelola li:last-child{border-bottom:none}.fin-kelola .fin-btn-hapus{min-height:44px}.fin-petunjuk{font-size:13px;color:var(--ink);background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin:0 0 12px}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Playfair_Display_58c889;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Playfair_Display_Fallback_58c889;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_58c889{font-family:__Playfair_Display_58c889,__Playfair_Display_Fallback_58c889;font-style:normal}.__variable_58c889{--font-heading:"__Playfair_Display_58c889","__Playfair_Display_Fallback_58c889"}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_37ef13;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_37ef13;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_37ef13{font-family:__Inter_37ef13,__Inter_Fallback_37ef13;font-style:normal}.__variable_37ef13{--font-body:"__Inter_37ef13","__Inter_Fallback_37ef13"}