.bm-cats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}@media (width<=520px){.bm-cats{grid-template-columns:repeat(2,1fr)}}.bm-cat{text-align:left;border-radius:var(--r-md);border:1.5px solid var(--card-border);color:var(--fg);cursor:pointer;transition:border-color .2s, background .2s, transform .3s var(--spring);background:#ffffff08;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 12px;font-family:inherit;display:grid}.bm-cat:hover{border-color:var(--accent)}.bm-cat:active{transform:scale(.96)}.bm-cat-icon{grid-row:1/3;font-size:1.5rem;line-height:1}.bm-cat-name{font-size:.84rem;font-weight:800}.bm-cat-rate{color:var(--fg-subtle);font-size:.7rem;font-weight:700}.bm-cat.selected{background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, var(--accent-gradient) border-box;border-color:#0000;box-shadow:0 10px 26px -14px #818cf8e6}.bm-cat.selected .bm-cat-rate{color:var(--accent)}.bm-money{grid-template-columns:1fr 140px}.bm-above{border-radius:var(--r-md);background:#f59e0b0f;border:1px solid #f59e0b59;margin-top:6px;padding:12px 14px 2px}.bm-above-note{color:#fcd34d;margin:0 0 10px;font-size:.85rem}.bm-npwp{align-self:center}.bm-meter{margin:40px 0 20px}.bm-meter-track{border-radius:100px;height:12px;display:flex;position:relative;overflow:visible}.bm-zone{height:100%}.bm-zone.z1{background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:100px 0 0 100px;width:22%}.bm-zone.z2{background:linear-gradient(90deg,#38bdf8,#818cf8);width:56%}.bm-zone.z3{background:linear-gradient(90deg,#f59e0b,#f43f5e);border-radius:0 100px 100px 0;width:22%}.bm-marker{width:22px;height:22px;transition:transform .7s var(--spring);will-change:transform;background:#fff;border-radius:50%;margin:-11px 0 0 -11px;position:absolute;top:50%;left:0;box-shadow:0 0 0 4px #ffffff2e,0 6px 16px #00000080}.bm-marker-label{background:var(--fg);color:#0b1222;white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.bm-meter-labels{color:var(--fg-muted);grid-template-columns:22% 56% 22%;margin-top:10px;font-size:.7rem;font-weight:700;line-height:1.3;display:grid}.bm-meter-labels span:nth-child(2){text-align:center}.bm-meter-labels span:nth-child(3){text-align:right}.bm-meter-labels small{color:var(--fg-subtle);font-weight:600}.bm-hero .result-big{font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,9vw,3.2rem)}.bm-rule{border-radius:var(--r-md);color:var(--fg);background:#38bdf812;border:1px solid #38bdf840;margin:12px 0 0;padding:10px 14px;font-size:.86rem}.bm-rule.free{background:#34d39914;border-color:#34d39959}.bm-rule.general{background:#f59e0b14;border-color:#f59e0b59}.bm-breakdown{margin-top:14px}.bm-breakdown .kv-row.total{border-top:1px solid var(--card-border);padding-top:10px}.bm-breakdown .kv-row.total .v{color:var(--accent);font-size:1.05rem}.bm-breakdown .kv-row .v small{color:var(--fg-subtle);font-size:.72rem;font-weight:600;display:block}.bm-table td small{color:var(--fg-subtle);white-space:normal}.bm-table td:first-child{white-space:normal}@media (prefers-reduced-motion:no-preference){.bm-cat.selected .bm-cat-icon{animation:bm-hop .5s var(--spring)}.bm-rule.swap{animation:bm-swap .4s var(--ease)}}@keyframes bm-hop{40%{transform:translateY(-5px)scale(1.15)}}@keyframes bm-swap{0%{opacity:0;transform:translateY(6px)}}.bm-breakdown .kv-row .v{max-width:62%}.bm-breakdown .kv-row .v small{white-space:normal}