:root{color:#15395f;background:linear-gradient(130deg,#f3f6cc 0%,#d8ef9a 45%,#a6d982 100%);font-family:Segoe UI Variable,Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:inherit}.layout{max-width:1200px;min-height:100vh;margin:0 auto;padding:1.2rem}.layout.layout--login{place-items:center;width:100%;max-width:none;margin:0;padding:1.25rem;display:grid}.dashboard-shell{background:#f8f9fa;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.side-nav-dash-btn{letter-spacing:.01em;background-image:radial-gradient(120% 80% at 20% 0,#78ffb459 0%,#0000 55%),repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 5px),linear-gradient(145deg,#064c2b 0%,#0d7a45 28%,#2ecf6f 62%,#8ef0a8 100%);border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;margin:.15rem .5rem .75rem;padding:.68rem .75rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 5px 18px #08522c59;color:#f0fff4!important}.side-nav-dash-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 7px 22px #08522c73}.side-nav-dash-btn--active{filter:brightness(1.08);box-shadow:0 0 0 2px #ffffff8c,0 6px 20px #08522c80}.sidebar{background:#fff;border-right:1px solid #d9e6c5;flex-direction:column;min-height:100vh;display:flex}.sidebar.sidebar--menu{color:#1e4d3f;background:#faf8f4}.sidebar.sidebar--menu .brand p{color:#5a8a74}.side-nav.side-nav--tree{flex-direction:column;gap:.15rem;padding:.65rem .65rem .8rem;display:flex}.side-nav-group{flex-direction:column;gap:.05rem;display:flex}.side-nav-group--submenu-hover .side-nav-submenu{display:none}.side-nav-group--submenu-hover:hover .side-nav-submenu{display:flex}.side-nav-group--submenu-hover:hover .side-nav-row__chev{transform:rotate(-180deg)}.side-nav-row--parent{cursor:default;-webkit-user-select:none;user-select:none}.side-nav-row{color:#1e4d3f;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.58rem .72rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.side-nav-row:visited{color:#1e4d3f}.side-nav-row:hover{background:#2e785a14}.side-nav-row--active{color:#13382c;background:#2e785a2e}.side-nav-row--placeholder{cursor:default;opacity:.92}.side-nav-row--placeholder:hover{background:0 0}.side-nav-row__label{flex:1}.side-nav-row__chev{opacity:.75;flex-shrink:0;margin-left:auto;transition:transform .18s}.side-nav-submenu{flex-direction:column;gap:.06rem;padding:.15rem 0 .35rem;display:flex}.side-nav-sub{color:#27624f;border-radius:8px;padding:.4rem .72rem .4rem 2.05rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.side-nav-sub:hover{background:#2e785a12}.side-nav-sub--active{color:#143329;background:#2e785a29;font-weight:600}.side-nav-sub--placeholder{cursor:default;opacity:.72}.side-nav-sub--placeholder:hover{background:0 0}.side-nav-group--settings-block{gap:0}.side-nav-settings-toolbar{align-items:stretch;gap:.35rem;padding:.15rem .72rem .15rem .65rem;display:flex}.side-nav-settings-link{color:#1e4d3f;border-radius:10px;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.58rem .72rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.side-nav-settings-link:hover{background:#2e785a14}.side-nav-settings-link--active{color:#13382c;background:#2e785a2e}.side-nav-settings-plus{color:#1e4d3f;cursor:pointer;background:#ffffffa6;border:1px solid #2e785a59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;transition:background .15s,transform .12s;display:flex}.side-nav-settings-plus:hover{background:#2e785a1f}.side-nav-settings-plus:active{transform:scale(.96)}.side-nav-settings-panel{opacity:0;max-height:0;padding:0 .72rem;transition:max-height .32s,opacity .22s,padding .22s;overflow:hidden}.side-nav-settings-panel--open{opacity:1;max-height:420px;padding:.35rem .72rem .65rem}.side-nav-settings-panel__title{text-transform:uppercase;letter-spacing:.04em;color:#5a8a74;margin:.45rem 0 .25rem;font-size:.68rem;font-weight:700}.side-nav-year-chips{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.side-nav-year-chip{color:#1e4d3f;cursor:pointer;background:#fff;border:1px solid #2e785a59;border-radius:8px;padding:.22rem .55rem;font-family:inherit;font-size:.78rem;font-weight:600}.side-nav-year-chip--active{background:#2e785a38;border-color:#1e4d3f8c}.side-nav-year-add{gap:.35rem;margin-top:.45rem;display:flex}.side-nav-year-add__input{border:1px solid #cfe3d6;border-radius:8px;flex:1;min-width:0;padding:.35rem .45rem;font-family:inherit;font-size:.78rem}.side-nav-year-add__btn{color:#fff;cursor:pointer;background:#2e785a;border:none;border-radius:8px;padding:0 .55rem;font-family:inherit;font-size:.72rem;font-weight:600}.side-nav-settings-seg{flex-wrap:wrap;gap:.25rem;display:flex}.side-nav-settings-seg__btn{cursor:pointer;color:#27624f;background:#fff;border:1px solid #2e785a4d;border-radius:8px;flex:1;min-width:3.2rem;padding:.32rem .25rem;font-family:inherit;font-size:.72rem;font-weight:600}.side-nav-settings-seg__btn--on{background:#2e785a33;border-color:#2e785a}.side-nav-privacy-row{border-top:1px dashed #2e785a40;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.45rem;display:flex}.side-nav-privacy-row__label{color:#1e4d3f;font-size:.78rem;font-weight:600}.fp-switch{cursor:pointer;background:#ced4da;border:none;border-radius:99px;flex-shrink:0;width:3rem;height:1.65rem;padding:0;transition:background .2s;position:relative}.fp-switch--compact{width:2.5rem;height:1.38rem}.fp-switch--on{background:#2e785a}.fp-switch__thumb{background:#fff;border-radius:50%;width:calc(1.65rem - 10px);height:calc(1.65rem - 10px);transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.fp-switch--compact .fp-switch__thumb{width:calc(1.38rem - 8px);height:calc(1.38rem - 8px);top:2px;left:2px}.fp-switch--on .fp-switch__thumb{transform:translate(1.35rem)}.fp-switch--compact.fp-switch--on .fp-switch__thumb{transform:translate(1.05rem)}.fp-calc{z-index:10020;-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#fff 0%,#f8fafc 100%);border:1px solid #94a3b873;border-radius:14px;padding:.55rem .6rem .65rem;font-family:inherit;position:fixed;box-shadow:0 4px 6px -1px #0f172a0f,0 22px 44px -12px #0f172a33,inset 0 1px #ffffffe6}.fp-calc__head{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.45rem;display:flex}.fp-calc__drag{cursor:grab;color:#334155;border-radius:10px;flex:1;align-items:center;gap:.35rem;min-width:0;padding:.28rem .4rem;display:flex}.fp-calc__drag:active{cursor:grabbing}.fp-calc__drag-grip{color:#94a3b8;flex-shrink:0;place-items:center;display:grid}.fp-calc__title{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:800;overflow:hidden}.fp-calc__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;transition:background .15s,color .15s;display:grid}.fp-calc__close:hover{color:#b91c1c;background:#fee2e2}.fp-calc__display{text-align:right;font-variant-numeric:tabular-nums;color:#e2e8f0;letter-spacing:.02em;word-break:break-all;background:#0f172a;border-radius:10px;min-height:2.6rem;margin-bottom:.5rem;padding:.55rem .65rem;font-size:1.35rem;font-weight:700}.fp-calc__keys{grid-template-rows:repeat(5,minmax(2.35rem,auto));grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.fp-calc__btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0;font-size:.95rem;font-weight:700;transition:background .12s,border-color .12s,transform 80ms}.fp-calc__btn:hover{background:#f8fafc;border-color:#cbd5e1}.fp-calc__btn:active{transform:scale(.97)}.fp-calc__btn--muted{background:#f1f5f9;font-size:.82rem;font-weight:800}.fp-calc__btn--op{color:#1d4ed8;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe}.fp-calc__btn--eq{color:#fff;background:linear-gradient(#22c55e 0%,#16a34a 100%);border-color:#15803d;grid-area:4/4/span 2;font-size:1.1rem}.fp-calc__btn--eq:hover{background:linear-gradient(#4ade80 0%,#22c55e 100%);border-color:#166534}.fp-calc__btn--zero{grid-area:5/1/auto/span 2}.fp-calc__btn--dot{grid-area:5/3}.settings-field__hint{color:#6c757d;margin-top:.25rem;font-size:.72rem;font-weight:500;display:block}.settings-segmented{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.75rem;display:flex}.settings-segmented__label{color:#495057;width:100%;font-size:.78rem;font-weight:700}.settings-segmented__btn{cursor:pointer;color:#495057;background:#fff;border:1px solid #dee2e6;border-radius:10px;flex:1;min-width:6rem;padding:.45rem .5rem;font-family:inherit;font-size:.82rem;font-weight:600}.settings-segmented__btn--active{color:#1e4d3f;background:#2e785a1f;border-color:#2e785a}.settings-privacy-row{border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.dashboard-shell[data-number-align=left] .table-num,.dashboard-shell[data-number-align=left] .metric-card--v2__body h3,.dashboard-shell[data-number-align=left] .donut-hub strong,.dashboard-shell[data-number-align=left] .budget-caption,.dashboard-shell[data-number-align=left] .dash-amount{text-align:left}.dashboard-shell[data-number-align=center] .table-num,.dashboard-shell[data-number-align=center] .metric-card--v2__body h3,.dashboard-shell[data-number-align=center] .donut-hub strong,.dashboard-shell[data-number-align=center] .budget-caption,.dashboard-shell[data-number-align=center] .dash-amount{text-align:center}.dashboard-shell[data-number-align=right] .table-num,.dashboard-shell[data-number-align=right] .metric-card--v2__body h3,.dashboard-shell[data-number-align=right] .donut-hub strong,.dashboard-shell[data-number-align=right] .budget-caption,.dashboard-shell[data-number-align=right] .dash-amount{text-align:right}.donut-hub{text-align:center}.dashboard-shell[data-number-align=left] .donut-hub,.dashboard-shell[data-number-align=right] .donut-hub{align-items:stretch}.dashboard-shell[data-number-align=left] .donut-hub strong,.dashboard-shell[data-number-align=right] .donut-hub strong{display:block}.dashboard-shell--privacy .dashboard-main{-webkit-user-select:none;user-select:none}.fp-privacy-shield{z-index:5;pointer-events:none;background:repeating-linear-gradient(-28deg,#0000,#0000 72px,#1e4d3f0a 72px 73px);position:fixed;inset:0}.dashboard-shell--privacy .dashboard-main{z-index:1;position:relative}.dashboard-shell--privacy .dashboard-main:after{content:"Konfidensial · STT HKBP";z-index:4;pointer-events:none;color:#1e4d3f0f;-webkit-user-select:none;user-select:none;flex-wrap:wrap;place-content:space-around;gap:3rem;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;display:flex;position:fixed;inset:0;transform:rotate(-18deg)}.brand{border-bottom:1px solid #e7efda;gap:.7rem;padding:1rem;display:flex}.brand img{width:44px;height:44px}.brand h3{margin:0;font-size:1rem}.brand p{color:#63809d;margin:.2rem 0 0;font-size:.78rem}.side-nav{gap:.4rem;padding:.8rem;display:grid}.side-nav:not(.side-nav--tree) a{color:#1d446d;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem .8rem;font-weight:600;text-decoration:none;display:flex}.side-nav:not(.side-nav--tree) a.active{color:#f8fbd6;background:#1858a8}.dashboard-main{padding:1rem 1.1rem}.topbar{background:#fff;border:1px solid #dde8cc;border-radius:14px;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex;box-shadow:0 2px 10px #0f321e0d}.topbar h2{margin:0}.topbar-right{align-items:center;gap:.8rem;display:flex}.topbar-right p,.topbar-right strong{margin:0}.topbar--dash{grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center;gap:.85rem;padding:.72rem 1rem;display:grid}.topbar-dash-grid.topbar--dash{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto}@media (width>=1101px){.topbar-dash-grid.topbar--dash{grid-template-columns:auto minmax(200px,1.05fr) minmax(260px,440px) auto}}.topbar__title{color:#212529;font-size:1.25rem;font-weight:700}.topbar__period{color:#495057;flex-wrap:wrap;justify-self:center;align-items:center;gap:.42rem;font-size:.92rem;display:flex}.topbar__period svg{color:#495057;flex-shrink:0}.topbar__period-label{font-weight:500}.topbar-period-pill{font:inherit;color:#212529;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:10px;align-items:center;gap:.35rem;padding:.35rem .58rem;font-weight:600;display:inline-flex}.topbar-right--dash{justify-self:end;gap:.9rem}.topbar-notif{color:#495057;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:12px;place-items:center;width:2.65rem;height:2.65rem;display:grid;position:relative}.topbar-notif__badge{color:#fff;text-align:center;background:#0d6efd;border-radius:999px;min-width:1.08rem;height:1.08rem;padding:0 .26rem;font-size:.62rem;font-weight:700;line-height:1.08rem;position:absolute;top:5px;right:5px}.topbar-profile{cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:.55rem;padding:.28rem .55rem .28rem .28rem;display:flex}.topbar-profile__avatar{color:#fff;background:linear-gradient(135deg,#0d6efd,#5a9cff);border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;font-size:.95rem;font-weight:700;display:grid}.topbar-profile__meta{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.topbar-profile__name{color:#212529;font-size:.88rem;font-weight:600}.topbar-profile__role{color:#6c757d;font-size:.72rem}.topbar-profile__chev{color:#adb5bd;flex-shrink:0}.user-badge{background:#edf4c8;border-radius:10px;padding:.4rem .7rem;display:grid}.live-dot{color:#6e7465;border:1px solid #d7ddcc;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.live-dot.is-live{color:#2f6f15;background:#e9f6d8;border-color:#66ae32}.toolbar{gap:.8rem;margin:.8rem 0;display:flex}.toolbar label{background:#fff;border:1px solid #dde8cc;border-radius:10px;align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex}.dash-content{gap:.9rem;display:grid}.dash-content--v2{gap:1.05rem}.welcome-row{grid-template-columns:1fr 260px;gap:.8rem;display:grid}.welcome-row--v2{grid-template-columns:1fr minmax(260px,300px);gap:.95rem}.welcome-card,.period-card,.metric-card,.panel-card{background:#fff;border:1px solid #dce8c9;border-radius:14px;padding:.9rem}.welcome-card{background:radial-gradient(circle at 40% 20%,#f5e24559 0,#0000 38%),linear-gradient(105deg,#f6f7c9 0%,#e0ef95 60%,#c7df84 100%)}.welcome-card--v2{background:linear-gradient(105deg,#fff8da 0%,#e9f596 52%,#bfe57a 100%);border:none;border-radius:16px;min-height:118px;position:relative;overflow:hidden;box-shadow:0 8px 24px #12281e14}.welcome-card--v2__bg{pointer-events:none;background-image:radial-gradient(circle at 88% 18%,#fff9 0%,#0000 32%),radial-gradient(circle at 12% 80%,#78b43c1f 0%,#0000 40%);position:absolute;inset:0}.welcome-card--v2__copy{z-index:1;position:relative}.welcome-card--v2__copy p{color:#3d4724;font-size:.92rem}.welcome-card--v2__copy span{color:#3d5330;font-weight:500}.welcome-card p,.welcome-card h2,.welcome-card span,.period-card p,.period-card h3,.period-card span{margin:0}.welcome-card h2{margin:.2rem 0;font-size:1.9rem}.welcome-card--v2__copy h2{font-size:1.75rem}.period-card strong{color:#426a11;background:#dff1aa;border-radius:12px;margin-top:.45rem;padding:.2rem .45rem;font-size:.82rem;display:inline-block}.period-card--v2{background:linear-gradient(160deg,#fff 0%,#f3fbf3 100%);border:none;border-radius:16px;align-items:flex-start;gap:.95rem;padding:1rem 1.1rem;display:flex;box-shadow:0 8px 24px #12281e14}.period-card--v2__ico{color:#28a745;flex-shrink:0}.period-card--v2 .period-card--v2__label{color:#6c757d;margin:0;font-size:.82rem}.period-card--v2__title{color:#212529;margin:.15rem 0 .2rem;font-size:1.25rem}.period-card--v2__range{color:#6c757d;font-size:.78rem}.period-card--v2__badge-wrap{margin-top:.55rem}.period-card--v2__badge{color:#1e7e34;background:#28a74526;border-radius:999px;padding:.25rem .62rem;font-size:.74rem;font-weight:700;display:inline-block}.period-card--v2__mode{color:#868e96;margin-top:.45rem;font-size:.7rem;display:block}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.metric-grid--v2{gap:.95rem}.metric-card p,.metric-card h3,.metric-card span{margin:0}.metric-card h3{color:#132f4d;margin:.2rem 0}.metric-card--v2{background:#fff;border:none;border-radius:16px;align-items:flex-start;gap:.75rem;padding:1rem 1.05rem;display:flex;box-shadow:0 4px 14px #0f321e0f}.metric-card--v2 .metric-card--v2__body p{color:#6c757d;margin:0;font-size:.82rem}.metric-card--v2 .metric-card--v2__body h3{color:#212529;margin:.2rem 0 .15rem;font-size:1.38rem}.metric-card--v2__icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:3rem;height:3rem;display:grid}.metric-card--v2__icon--blue{background:linear-gradient(145deg,#0d6efd,#084298)}.metric-card--v2__icon--green{background:linear-gradient(145deg,#28a745,#1c7430)}.metric-card--v2__icon--amber{background:linear-gradient(145deg,#ffc107,#d39e00);color:#3d2900!important}.metric-card--v2__icon--deep{background:linear-gradient(145deg,#155d36,#0d3020)}.metric-trend{align-items:center;gap:.15rem;font-size:.74rem;font-weight:600;display:inline-flex}.metric-trend--up{color:#28a745}.metric-trend--down{color:#dc3545}.metric-trend--muted{color:#868e96;font-weight:500}.up{color:#1f7d2c}.down{color:#b53030}.chart-grid{grid-template-columns:1.5fr 1fr 1fr;gap:.8rem;display:grid}.chart-grid--v2{grid-template-columns:2fr 1.25fr 1.25fr;gap:.95rem}.panel-card--dash{background:#fff;border:none;border-radius:16px;padding:1rem 1.05rem;box-shadow:0 4px 14px #0f321e0f}.panel-card--dash h4{color:#212529;margin:0 0 .75rem;font-size:.95rem}.panel-card--dash__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.panel-card--dash__head h4{margin:0}.dash-select select{font:inherit;color:#495057;background:#fff;border:1px solid #dee2e6;border-radius:9px;padding:.38rem .62rem;font-weight:500}.dash-line-chart__legend{color:#6c757d;gap:1rem;margin-bottom:.35rem;font-size:.76rem;display:flex}.dash-line-chart__legend span{align-items:center;gap:.35rem;display:inline-flex}.dash-line-chart__dot{border-radius:99px;width:.62rem;height:.62rem;display:inline-block}.dash-line-chart__dot--blue{background:#0056b3}.dash-line-chart__dot--green{background:#28a745}.dash-line-chart__svg{width:100%;height:150px;display:block}.dash-line-chart__x{color:#6c757d;justify-content:space-between;gap:.25rem;margin-top:.35rem;font-size:.68rem;display:flex}.dash-line-chart__empty{color:#868e96;text-align:center;margin:1.5rem 0;font-size:.82rem}.donut-wrap--v2{grid-template-columns:132px minmax(0,1fr);gap:.85rem}.donut-chart.donut-chart--v2{place-items:center;width:132px;height:132px;font-size:0;display:grid;position:relative}.donut-chart.donut-chart--v2:after{width:78px;height:78px}.donut-hub{z-index:1;text-align:center;max-width:88px;padding:0 .2rem;position:relative}.donut-hub small{color:#6c757d;text-transform:uppercase;font-size:.62rem;font-weight:600;display:block}.donut-hub strong{color:#212529;word-break:break-word;font-size:.64rem;line-height:1.35;display:block}.donut-hub span{color:#495057;font-size:.62rem}.donut-legend{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.donut-legend li{align-items:flex-start;gap:.5rem;display:flex}.donut-legend__sw{border-radius:4px;flex-shrink:0;width:.72rem;height:.72rem;margin-top:.2rem}.donut-legend strong{font-size:.8rem;display:block}.donut-legend span{color:#6c757d;font-size:.72rem}.activity-list--v2{margin:0;padding:0;list-style:none}.activity-list--v2 li{align-items:center;gap:.55rem;margin-bottom:.7rem;display:flex}.activity-list--v2__ico{border-radius:10px;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.activity-list--v2__ico--in{color:#28a745;background:#28a7451f}.activity-list--v2__ico--out{color:#dc3545;background:#dc35451a}.activity-list--v2__text{flex:1;min-width:0}.activity-list--v2__text strong{color:#212529;font-size:.82rem;display:block}.activity-list--v2__text small{color:#868e96;font-size:.7rem}.dash-amount{font-size:.8rem}.dash-amount--in{color:#28a745}.dash-amount--out{color:#dc3545}.activity-see-all{color:#0d6efd;align-items:center;gap:.25rem;margin-top:.65rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.activity-see-all:hover{text-decoration:underline}.bottom-grid--v2{grid-template-columns:1.6fr minmax(300px,1fr);gap:.95rem}.panel-card--budget .budget-pct{color:#212529;letter-spacing:-.03em;margin:.2rem 0 .45rem;font-size:2.4rem;font-weight:800}.panel-card--budget .budget-caption{color:#495057;margin:.55rem 0 0;font-size:.86rem}.progress-track.progress-track--dash{background:#e9ecef;border-radius:999px;height:12px}.progress-fill.progress-fill--dash{background:linear-gradient(90deg,#28a745,#74c974);border-radius:999px}.budget-legend{color:#6c757d;gap:1rem;margin-top:.95rem;font-size:.76rem;display:flex}.budget-legend span{align-items:center;gap:.38rem;display:inline-flex}.budget-legend__dot{border-radius:99px;width:.55rem;height:.55rem;display:inline-block}.budget-legend__dot--real{background:#28a745}.budget-legend__dot--rest{background:#adb5bd}.budget-anggaran-page{flex-direction:column;align-items:stretch;display:flex}.budget-anggaran-head{justify-content:flex-end;width:100%;margin-bottom:.65rem;display:flex}.budget-anggaran-tagline{text-align:right;color:#1e293b;background:linear-gradient(110deg,#ffffffeb 0%,#e0e7ff8c 35%,#fce7f380 70%,#fef9c373 100%) 0 0/200% 200%;border:1px solid #3b82f638;border-radius:999px;align-items:center;gap:.65rem;max-width:min(100%,32rem);margin:0;padding:.62rem 1rem .65rem .85rem;font-size:.82rem;font-weight:600;line-height:1.45;animation:10s ease-in-out infinite budget-tagline-shift;display:inline-flex;box-shadow:0 4px 18px #2563eb1a,inset 0 1px #ffffffe6}@keyframes budget-tagline-shift{0%,to{background-position:0 40%}50%{background-position:100% 60%}}.budget-anggaran-tagline__glow{color:#6366f1;filter:drop-shadow(0 0 6px #6366f173);flex-shrink:0;place-items:center;animation:2.4s ease-in-out infinite budget-sparkle-pulse;display:grid}@keyframes budget-sparkle-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.budget-anggaran-tagline__text{text-align:right}.budget-anggaran-tagline__hl{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.budget-anggaran-tagline__in{color:#047857;letter-spacing:.03em;font-weight:800}.budget-anggaran-tagline__out{color:#b45309;letter-spacing:.03em;font-weight:800}@media (prefers-reduced-motion:reduce){.budget-anggaran-tagline{background-position:50%;animation:none}.budget-anggaran-tagline__glow{animation:none}}.budget-anggaran-data{width:100%}.budget-anggaran-notice{color:#134e4a;background:linear-gradient(125deg,#f0fdfaf2 0%,#e0f2fee0 48%,#faf5ffbf 100%);border:1px solid #2e785a38;border-left:4px solid #14b8a6;border-radius:14px;align-self:flex-start;align-items:flex-start;gap:.75rem;max-width:min(100%,40rem);margin:1.35rem 0 0;padding:.85rem 1rem .9rem .95rem;font-size:.84rem;font-weight:500;line-height:1.55;display:flex;box-shadow:0 6px 22px #0f513214,inset 0 1px #ffffffd9}.budget-anggaran-notice__icon-wrap{color:#fff;background:linear-gradient(145deg,#2dd4bf,#0d9488);border-radius:11px;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;display:grid;box-shadow:0 3px 10px #0d948859}.budget-anggaran-notice__text strong{color:#0f766e;letter-spacing:.02em;font-weight:800}.budget-anggaran-page--v2{gap:1.1rem}.budget-anggaran-head--v2{justify-content:flex-end;margin-bottom:0}.budget-anggaran-tagline--v2{background:linear-gradient(118deg,#f8fafc 0%,#e0f2fe 42%,#ecfdf5 100%);border:1px solid #3b82f62e;border-radius:12px;max-width:min(100%,36rem);animation:none;box-shadow:0 4px 20px #0f172a0f}.budget-add-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.15rem 1.25rem 1.2rem;box-shadow:0 8px 28px #0f172a0f}.budget-add-card__head{border-bottom:1px solid #eef2f6;margin-bottom:1rem;padding-bottom:.75rem}.budget-add-card__title{color:#15395f;letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:700}.budget-add-card__sub{color:#64748b;margin:.25rem 0 0;font-size:.8rem}.budget-add-card__grid{flex-wrap:nowrap;align-items:flex-end;gap:.85rem 1rem;display:flex;overflow:visible}.budget-add-card__grid>:not(button){flex:1;min-width:140px}.budget-add-card__actions{justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.budget-add-card__submit{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0d7a45,#2ecf6f);border:none;border-radius:10px;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #0d7a4547}.budget-add-card__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0d7a4552}.budget-add-card__submit:disabled{opacity:.55;cursor:not-allowed}.budget-add-card__cancel{color:#1e4d3f;cursor:pointer;background:linear-gradient(145deg,#6bd634,#83ee4c);border:none;border-radius:10px;padding:.55rem 1.25rem;font-size:.88rem;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 4px 14px #83ee4c59}.budget-add-card__cancel:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px #83ee4c73}.budget-add-card__cancel:disabled{opacity:.55;cursor:not-allowed}.budget-add-card__err{color:#b91c1c;margin:.65rem 0 0;font-size:.82rem;font-weight:600}.budget-val-modal{z-index:10050;box-sizing:border-box;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.budget-val-modal__backdrop{-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#0f172a80;position:absolute;inset:0}.budget-val-modal__panel{text-align:center;background:linear-gradient(165deg,#fff 0%,#f8fafc 100%);border:1px solid #94a3b859;border-radius:16px;width:100%;max-width:26rem;margin:0;padding:1.35rem 1.4rem 1.25rem;animation:.22s ease-out budget-val-modal-in;position:relative;box-shadow:0 4px 6px -1px #0f172a0f,0 24px 48px -12px #0f172a38,inset 0 0 0 1px #fffc}@keyframes budget-val-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.budget-val-modal__panel{animation:none}}.budget-val-modal__icon{color:#b45309;background:linear-gradient(145deg,#fef3c7,#fde68a);border-radius:14px;place-items:center;width:3.25rem;height:3.25rem;margin:0 auto .85rem;display:grid;box-shadow:0 4px 14px #b4530933}.budget-val-modal__title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.08rem;font-weight:800}.budget-val-modal__list{text-align:left;color:#475569;margin:0 0 1.15rem;padding:0 .25rem 0 1.2rem;font-size:.88rem;font-weight:500;line-height:1.55}.budget-val-modal__list li{margin-bottom:.45rem}.budget-val-modal__list li:last-child{margin-bottom:0}.budget-val-modal__btn{cursor:pointer;color:#fff;background:linear-gradient(145deg,#2563eb,#1d4ed8);border:none;border-radius:11px;width:100%;max-width:12rem;margin:0 auto;padding:.58rem 1.1rem;font-size:.9rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:block;box-shadow:0 6px 20px #2563eb59}.budget-val-modal__btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2563eb66}.budget-val-modal__btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.budget-errorbox-wrap{z-index:10060;gap:.65rem;width:min(24rem,100vw - 1.5rem);display:grid;position:fixed;top:1rem;right:1rem}.budget-errorbox{background:linear-gradient(#fff 0%,#f7f9fc 100%);border:1px solid #b91c1c38;border-radius:14px;padding:.75rem .8rem;box-shadow:0 12px 28px #0f172a2e,0 2px 6px #0f172a1a,inset 0 1px #ffffffe6}.budget-errorbox__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.budget-errorbox__title{color:#991b1b;letter-spacing:.01em;font-size:.88rem;font-weight:700}.budget-errorbox__close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;place-items:center;width:1.45rem;height:1.45rem;display:grid}.budget-errorbox__close:hover{color:#b91c1c;background:#fee2e2}.budget-errorbox__text,.budget-errorbox__fix{color:#334155;margin:0;font-size:.8rem;line-height:1.45}.budget-errorbox__text strong,.budget-errorbox__fix strong{color:#0f172a}.budget-errorbox__fix{border-top:1px dashed #cbd5e1;margin-top:.38rem;padding-top:.38rem}.budget-field{color:#475569;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.budget-field__input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .65rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.budget-field__input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.budget-field__input--readonly{color:#475569;background:#f8fafc;font-weight:600}.budget-field__input--amount{text-align:right;font-variant-numeric:tabular-nums}.budget-combo{flex-direction:column;gap:.35rem;min-width:0;display:flex}.budget-combo__label{color:#475569;font-size:.78rem;font-weight:600}.budget-combo__box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.budget-combo__box--open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.budget-combo__search-ic{color:#94a3b8;flex-shrink:0;margin-left:.55rem}.budget-combo__input{color:#0f172a;background:0 0;border:none;flex:1;min-width:0;padding:.5rem .35rem;font-size:.88rem}.budget-combo__input:focus{outline:none}.budget-combo__chev{cursor:pointer;color:#64748b;background:0 0;border:none;place-items:center;padding:.35rem .5rem;display:grid}.budget-combo__list{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:14rem;margin:0;padding:.35rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 36px #0f172a1f}.budget-combo__empty{color:#94a3b8;padding:.65rem .85rem;font-size:.82rem}.budget-combo__opt{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:.12rem;width:100%;padding:.45rem .75rem;transition:background .1s;display:flex}.budget-combo__opt:hover{background:#f1f5f9}.budget-combo__opt-kode{color:#0f172a;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.budget-combo__opt-mata{color:#64748b;font-size:.78rem}.budget-page-warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin:0;padding:.65rem .85rem;font-size:.84rem;font-weight:600}.budget-table-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #0f172a0d}.budget-table-scroll{border-radius:0}.budget-mata-table{border-collapse:collapse;width:100%;font-size:.82rem}.budget-mata-table thead th{color:#3d4f0f;text-transform:uppercase;letter-spacing:.04em;text-align:center;white-space:nowrap;background:#f0f4c3;border-bottom:1px solid #dfe6a8;border-right:1px solid #badd22;padding:.65rem .75rem;font-size:.72rem;font-weight:700}.budget-mata-table thead th:last-child{border-right:none}.budget-mata-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #eef1f4;border-right:1px solid #badd22;padding:.6rem .75rem}.budget-mata-table tbody td:last-child{border-right:none}.budget-mata-table tbody tr:hover td{background:#fafbfc}.budget-mata-table__num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.budget-mata-table__mono{font-family:ui-monospace,monospace;font-size:.8rem}.budget-mata-table__empty{text-align:center;color:#94a3b8;font-weight:500;padding:1.5rem 1rem!important}.budget-mata-table__act{text-align:center;width:2.5rem}.budget-row-del{color:#b91c1c;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;place-items:center;width:2rem;height:2rem;transition:background .12s;display:inline-grid}.budget-row-del:hover:not(:disabled){background:#fee2e2}.budget-row-del:disabled{opacity:.35;cursor:not-allowed}.budget-row-edit{color:#d97706;cursor:pointer;background:#fffbeb;border:none;border-radius:8px;place-items:center;width:2rem;height:2rem;transition:background .12s;display:inline-grid}.budget-row-edit:hover:not(:disabled){background:#fef3c7}.budget-row-edit:disabled{opacity:.35;cursor:not-allowed}.budget-posting-pill{letter-spacing:.02em;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.budget-posting-pill--out{color:#9a3412;background:#ffedd5}.budget-posting-pill--in{color:#166534;background:#dcfce7}.budget-pager{background:#f8fafc;border-top:1px solid #eef1f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.budget-pager__hint{color:#64748b;font-size:.8rem;font-weight:500}.budget-pager__btns{gap:.35rem;display:flex}.budget-pager__btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:2.25rem;height:2.1rem;font-weight:600}.budget-pager__btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.budget-pager__btn:disabled{opacity:.45;cursor:not-allowed}.budget-anggaran-foot{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:1rem;display:flex}.budget-anggaran-notice--foot{flex:0 auto;align-self:flex-start;max-width:100%;margin:0}.budget-summary-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;flex:18rem;max-width:min(100%,28rem);padding:.65rem .75rem;box-shadow:0 4px 16px #0f172a0d}.budget-summary-grid{border-collapse:collapse;width:100%;font-size:.78rem}.budget-summary-grid th,.budget-summary-grid td{text-align:right;border:1px solid #e9ecef;padding:.45rem .55rem}.budget-summary-grid thead th{color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;font-size:.7rem;font-weight:700}.budget-summary-grid tbody th[scope=row]{text-align:left;color:#334155;background:#f1f5f9;font-weight:700}.budget-summary-grid__corner{background:#f8fafc!important;border-right:1px solid #e9ecef!important}.table-scroll{border-radius:12px;overflow-x:auto}.table.table--cash-dash thead{background:#f8f9fa}.table.table--cash-dash th{white-space:nowrap;color:#495057;border-color:#e9ecef;font-size:.76rem}.table.table--cash-dash td{border-color:#e9ecef;font-size:.8rem}.table-num{white-space:nowrap}.table-num--in{color:#28a745;font-weight:600}.table-num--out{color:#dc3545;font-weight:600}.table-num--end{color:#0d6efd;font-weight:700}.table-total-row{background:#f8fdf9}.panel-card h4{margin:0 0 .6rem}.fake-chart{border:1px dashed #cddcad;border-radius:10px;height:160px;position:relative;overflow:hidden}.line{border-radius:99px;height:3px;position:absolute;left:5%;right:5%}.trend-grid{border:1px dashed #cddcad;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;min-height:165px;padding:.5rem;display:grid}.trend-item{align-content:end;gap:.35rem;display:grid}.trend-item small{text-align:center;color:#577492;font-size:.68rem}.trend-bars{justify-content:center;align-items:end;gap:.22rem;height:118px;display:flex}.trend-bars span{border-radius:4px 4px 0 0;width:10px}.trend-income{background:linear-gradient(#3a86df,#1d5ea9)}.trend-expense{background:linear-gradient(#7bc33f,#4c8e20)}.line-income{background:linear-gradient(90deg,#2d78d2,#114c92);top:45%;transform:rotate(-8deg)}.line-expense{background:linear-gradient(90deg,#7abc39,#48891a);top:58%;transform:rotate(6deg)}.donut-wrap{grid-template-columns:110px 1fr;align-items:center;gap:.7rem;display:grid}.donut-chart{background:conic-gradient(#2e7bd9 0 44%, #6dbb39 44% 77%, #e2c71f 77% 100%);color:#0f385f;border-radius:50%;place-items:center;width:110px;height:110px;font-weight:700;display:grid;position:relative}.donut-chart:after{content:"";background:#fff;border-radius:50%;width:62px;height:62px;position:absolute}.donut-chart{font-size:.9rem}.donut-wrap ul,.activity-list{margin:0;padding-left:1rem}.activity-list li{justify-content:space-between;gap:.5rem;margin-bottom:.45rem;display:flex}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:.8rem;display:grid}.table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border:1px solid #d8e8aa;padding:.55rem}.table thead{background:#e9f2bd}.progress-head{justify-content:space-between;display:flex}.progress-track{background:#ebefdf;border-radius:999px;height:10px;margin:.6rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#77b73d,#4f8e24);width:42.6%;height:100%}.report-list{background:#fff;border:1px solid #d8e8aa;border-radius:12px;padding:1rem 1.2rem}.login-shell{place-items:center;min-height:100vh;display:grid}.login-card{background:#fffffff0;border:1px solid #9ccf8e;border-radius:18px;gap:.75rem;width:min(470px,100%);padding:1.3rem;display:grid;box-shadow:0 18px 45px #0c2d5433}.login-logo{object-fit:contain;width:96px;height:96px;margin-inline:auto}.login-intro{text-align:center}.login-intro h2{margin:0 0 .35rem}.login-intro p{color:#0d3f79;margin:0;font-size:.95rem}.login-card label{color:#0d3f79;gap:.35rem;font-weight:600;display:grid}.login-card input{background:#f9fcd8;border:1px solid #87c7bf;border-radius:10px;padding:.55rem .65rem}.login-error{color:#9f2121;margin:0;font-weight:600}.login-card button{color:#f8fbd6;cursor:pointer;background:#124a8d;border:1px solid #0e4b90;border-radius:10px;padding:.65rem .8rem;font-weight:700}@media (width<=1100px){.dashboard-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.welcome-row,.welcome-row--v2,.metric-grid,.chart-grid,.chart-grid--v2,.bottom-grid,.bottom-grid--v2,.metric-grid--v2{grid-template-columns:1fr}.topbar--dash{grid-template-columns:1fr;gap:.65rem}.topbar-right--dash{justify-content:flex-end;justify-self:stretch}.topbar__period{flex-wrap:wrap;justify-self:start}}:root{--fp-primary:#2d7a4d;--fp-primary-soft:#e8f5ee;--fp-border:#e8ecef;--fp-muted:#6c757d}.fp-dash-search{border:1px solid var(--fp-border);background:#f8faf9;border-radius:10px;align-items:center;gap:.45rem;min-width:min(440px,100%);padding:.38rem .62rem;display:flex}.fp-dash-search input{font:inherit;color:#212529;background:0 0;border:none;outline:none;width:100%}.fp-topbar-help{color:#495057;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:12px;place-items:center;width:2.55rem;height:2.55rem;display:grid}.fp-win11-errorbox-wrap{z-index:10070;gap:.7rem;width:min(26rem,100vw - 1.5rem);display:grid;position:fixed;top:1rem;right:1rem}.fp-win11-errorbox{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dc262647;border-radius:14px;padding:.8rem .85rem;box-shadow:0 2px 8px #0f172a1a,0 18px 34px #0f172a33,inset 0 1px #ffffffe6}.fp-win11-errorbox__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.fp-win11-errorbox__title{color:#991b1b;font-size:.9rem}.fp-win11-errorbox__close{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:1.5rem;height:1.5rem;font-size:.92rem;line-height:1;display:grid}.fp-win11-errorbox__close:hover{color:#b91c1c;background:#fee2e2}.fp-win11-errorbox__text,.fp-win11-errorbox__fix{color:#334155;margin:.45rem 0 0;font-size:.82rem;line-height:1.45}.fp-win11-errorbox__fix{border-top:1px dashed #cbd5e1;margin-top:.35rem;padding-top:.35rem}.fp-breadcrumb{color:var(--fp-muted);flex-wrap:wrap;align-items:center;gap:.25rem .35rem;margin:.15rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.fp-breadcrumb li{align-items:center;gap:.35rem;display:inline-flex}.fp-breadcrumb a{color:#3d5c50;font-weight:600;text-decoration:none}.fp-breadcrumb a:hover{text-decoration:underline}.fp-nav-toggle{cursor:pointer;color:#2b4639;background:#fff;border:1px solid #e9ecef;border-radius:12px;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;display:none}.sidebar-backdrop{display:none}@media (width<=1100px){.dashboard-shell:not(.dashboard-shell--plain) .sidebar.sidebar--menu{z-index:220;width:min(290px,88vw);box-shadow:none;border-right:1px solid #dbe8dd;max-height:100vh;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.dashboard-shell--nav-open:not(.dashboard-shell--plain) .sidebar.sidebar--menu{transform:translate(0);box-shadow:14px 0 40px #0000001f}.sidebar-backdrop{z-index:210;opacity:0;visibility:hidden;background:#14281e59;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.dashboard-shell--nav-open:not(.dashboard-shell--plain) .sidebar-backdrop{opacity:1;visibility:visible}.fp-nav-toggle{display:inline-flex}.topbar__title-branded{flex-direction:column;gap:.12rem;display:flex}.fp-dash-search{order:4;grid-column:1/-1;justify-self:stretch;width:100%;min-width:0;margin-top:.2rem}}.side-saldo-widget{border:1px solid var(--fp-border);background:linear-gradient(#fff 0%,#fafcf9 100%);border-radius:12px;margin:.85rem .72rem 1rem;padding:.75rem .8rem}.side-saldo-widget strong{color:var(--fp-primary);margin-bottom:.15rem;font-size:.92rem;display:block}.side-saldo-widget small{color:var(--fp-muted);font-size:.74rem}.side-saldo-widget__chart{width:100%;height:56px;margin-top:.5rem}.side-saldo-widget polyline{fill:none;stroke:var(--fp-primary);stroke-width:2.25px}.fp-input-trx{--fp-primary:#2d7a4d;padding-bottom:5rem;position:relative}.fp-input-trx__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.fp-input-trx__title{color:#212529;letter-spacing:-.02em;margin:0;font-size:1.42rem;font-weight:800}.fp-input-trx__sub{color:var(--fp-muted);margin:.25rem 0 0;font-size:.86rem}.fp-input-trx__actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.fp-input-trx__actions--desktop{display:flex}.fp-input-trx__sticky{z-index:120;padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom,0));border-top:1px solid var(--fp-border);padding-left:max(.85rem, env(safe-area-inset-left,0));padding-right:max(.85rem, env(safe-area-inset-right,0));background:#fffffff5;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 32px #0000000f}.fp-input-trx__mobile-tools{margin:-.5rem 0 1rem}@media (width<=760px){.fp-input-trx__actions--desktop{display:none}.fp-input-trx__sticky{display:flex}}.fp-toast{z-index:50;color:#1e4f36;background:#eaf7f0;border:1px solid #cfe8dc;border-radius:10px;margin-bottom:.75rem;padding:.62rem .85rem;font-size:.88rem;font-weight:600;position:sticky;top:.5rem}.fp-section-stack{flex-direction:column;gap:1rem;display:flex}.fp-card.fp-section{border:1px solid var(--fp-border);background:#fff;border-radius:14px;padding:1rem 1.05rem;position:relative;box-shadow:0 2px 10px #0f321e0a}.fp-section__badge{background:var(--fp-primary-soft);width:1.62rem;height:1.62rem;color:var(--fp-primary);border-radius:8px;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:.85rem;left:.85rem}.fp-section__title{color:#2b2f31;margin:0 0 .85rem 2.05rem;font-size:1.02rem;font-weight:700}.fp-grid{gap:.75rem 1rem;display:grid}.fp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.fp-field>span{color:#495057;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.fp-field--full{grid-column:1/-1}.fp-input,.fp-textarea{border:1px solid var(--fp-border);font:inherit;color:#212529;background:#fff;border-radius:10px;width:100%;padding:.55rem .62rem}.fp-input--readonly{color:var(--fp-muted);background:#f3f6f4}.fp-input:focus,.fp-textarea:focus{border-color:#b7dac6;outline:2px solid #2d7a4d47}.fp-input-row{border:1px solid var(--fp-border);background:#fff;border-radius:10px;align-items:center;padding-inline:.45rem 0;display:flex;position:relative}.fp-input-row__ico{color:var(--fp-muted);flex-shrink:0}.fp-input--embedded{box-shadow:none;border:none;outline:none}.fp-inline{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.fp-input--narrow{max-width:200px}.fp-input--table{padding:.38rem .42rem;font-size:.82rem}.fp-input--num{font-variant-numeric:tabular-nums}.fp-hint{color:var(--fp-muted);margin-top:.08rem;font-size:.74rem}.fp-badge{border-radius:999px;align-items:center;padding:.18rem .52rem;font-size:.74rem;font-weight:700;display:inline-flex}.fp-badge--draft{background:var(--fp-primary-soft);color:var(--fp-primary);border:1px solid #cbe8d8}.fp-badge--wait{color:#b76b00;background:#fff4e5;border:1px solid #ffd8a8}.fp-total-box{background:var(--fp-primary-soft);border:1px solid #cbe8d8;border-radius:12px;justify-content:space-between;align-items:baseline;margin-top:.85rem;padding:.85rem 1rem;display:flex}.fp-total-box span{color:var(--fp-primary);font-weight:700}.fp-total-box strong{color:#214d36;font-size:1.42rem;font-weight:800}.fp-muted{color:var(--fp-muted);font-size:.87rem}.fp-table-wrap{overflow-x:auto}.fp-table{border-collapse:collapse;width:100%;font-size:.86rem}.fp-table thead th{text-align:left;color:var(--fp-muted);border-bottom:2px solid #edf1f4;padding:.5rem;font-weight:700}.fp-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f3f6;padding:.45rem}.fp-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.52rem .92rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.fp-btn:disabled{opacity:.55;cursor:not-allowed}.fp-btn--sm{padding:.38rem .72rem;font-size:.86rem}.fp-btn--ghost{border-color:var(--fp-border);color:#343a40;background:#fff}.fp-btn--outline{border-color:var(--fp-primary);color:var(--fp-primary);background:#fff}.fp-btn--primary{border-color:var(--fp-primary);background:var(--fp-primary);color:#fff}.fp-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.fp-icon-btn{color:#5c646c;cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:9px;place-items:center;width:2.05rem;height:2.05rem;display:inline-grid}.fp-coa-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.85rem;margin-top:.85rem;display:flex}.fp-coa-sums{flex-wrap:wrap;gap:.65rem;display:flex}.fp-sum{border:1px solid var(--fp-border);background:#fbfcfb;border-radius:10px;min-width:140px;padding:.55rem .72rem}.fp-sum span{color:var(--fp-muted);font-size:.72rem;font-weight:700;display:block}.fp-sum strong{font-variant-numeric:tabular-nums}.fp-sum--ok{color:var(--fp-primary)}.fp-sum--bad{color:#b42318}.fp-balance-msg{color:#92400e;margin:.6rem 0 0;font-size:.82rem;font-weight:600}.fp-balance-msg--ok{color:var(--fp-primary)}.fp-upload-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:1.1rem;margin-top:.25rem;display:grid}.fp-upload-col--drop{min-width:0}.fp-upload-col--list{border:1px solid var(--fp-border);background:#fbfcfb;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.fp-upload-dropzone{color:#33403a;cursor:pointer;width:100%;min-height:240px;font:inherit;text-align:center;background:linear-gradient(165deg,#f6fbf8 0%,#eef6f0 55%,#e8f3ec 100%);border:2px dashed #c5d4ce;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.35rem 1.2rem 1.2rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.fp-upload-dropzone:hover{border-color:#2d7a4d73;box-shadow:0 10px 28px #2d7a4d14}.fp-upload-dropzone:focus{outline:none}.fp-upload-dropzone:focus-visible{outline-offset:3px;outline:2px solid #2d7a4d73}.fp-upload-dropzone--active{border-color:var(--fp-primary);background:linear-gradient(165deg,#e8f5ee 0%,#dff0e8 45%,#d4ebe0 100%);border-style:solid;box-shadow:0 0 0 3px #2d7a4d2e,0 12px 32px #2d7a4d1f}.fp-upload-cloud{width:min(148px,42vw);height:auto;margin-bottom:.15rem}.fp-upload-dropzone__text{flex-direction:column;gap:.2rem;max-width:22rem;display:flex}.fp-upload-dropzone__text strong{color:#253530;font-size:.98rem;font-weight:800}.fp-upload-dropzone__text span{color:var(--fp-muted);font-size:.84rem;font-weight:500}.fp-upload-chips{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.35rem;display:flex}.fp-upload-chip{letter-spacing:.06em;color:var(--fp-primary);background:#fff;border:1px solid #2d7a4d38;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:800}.fp-upload-chip--muted{letter-spacing:.03em;color:var(--fp-muted);border-color:#dee7e3;font-weight:700}.fp-upload-browse{pointer-events:auto;margin-top:.65rem}.fp-upload-list-head{border-bottom:1px solid var(--fp-border);background:#fff;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.78rem .92rem;display:flex}.fp-upload-list-title{color:#253530;margin:0;font-size:.92rem;font-weight:800}.fp-upload-count{color:var(--fp-muted);white-space:nowrap;font-size:.75rem;font-weight:700}.fp-upload-table-wrap{background:#fff;flex:1;min-height:200px;max-height:min(340px,48vh);overflow:auto}.fp-upload-empty{text-align:center;color:var(--fp-muted);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:200px;padding:2rem 1.25rem;display:flex}.fp-upload-empty__ico{color:#2d7a4d59;margin-bottom:.35rem}.fp-upload-empty p{color:#495057;margin:0;font-size:.92rem;font-weight:700}.fp-upload-empty small{max-width:18rem;margin:0;font-size:.82rem;line-height:1.4}.fp-upload-table{border-collapse:collapse;width:100%;font-size:.875rem}.fp-upload-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--fp-muted);background:#fafcfb;border-bottom:1px solid #eef2f4;padding:.62rem .92rem;font-size:.68rem;font-weight:800}.fp-upload-table tbody td{vertical-align:middle;border-bottom:1px solid #f0f3f2;padding:.58rem .92rem}.fp-upload-table tbody tr:last-child td{border-bottom:none}.fp-upload-table__actions{text-align:right;white-space:nowrap;width:6.5rem}.fp-upload-namecell{align-items:center;gap:.55rem;min-width:0;display:flex}.fp-upload-filename{text-overflow:ellipsis;white-space:nowrap;color:#212529;font-weight:600;overflow:hidden}.fp-upload-size{font-variant-numeric:tabular-nums;color:var(--fp-muted);font-weight:600}.fp-upload-row-actions{justify-content:flex-end;gap:.28rem;display:inline-flex}.fp-attach-icon{color:#6c757d;flex-shrink:0}.fp-attach-icon--pdf{color:#c92a2a}.fp-attach-icon--img{color:#1c6eba}.fp-icon-btn--ghost{background:0 0;border-color:#0000}.fp-icon-btn--ghost:hover{background:#f1f5f4;border-color:#e9eeec}.fp-icon-btn--danger:hover{color:#c92a2a;background:#fff5f5;border-color:#ffc9c9}@media (width<=760px){.fp-upload-layout{grid-template-columns:1fr}.fp-upload-dropzone{min-height:210px}.fp-upload-table-wrap{max-height:none}.fp-upload-table__actions{width:auto}.fp-upload-table-wrap{overflow-x:auto}.fp-upload-table{min-width:320px}}.fp-timeline{gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.fp-timeline__item{grid-template-columns:12px 1fr;align-items:start;gap:.65rem;display:grid}.fp-timeline__dot{background:var(--fp-primary);border-radius:999px;width:10px;height:10px;margin-top:.38rem;box-shadow:0 0 0 4px #2d7a4d26}.fp-timeline p{color:var(--fp-muted);margin:.12rem 0 0;font-size:.82rem}.fp-approval-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.fp-only-desktop{display:block}.fp-only-mobile{display:none}.fp-coa-cards{flex-direction:column;gap:.72rem;display:flex}.fp-coa-card{border:1px solid var(--fp-border);background:#fcfdfc;border-radius:12px;padding:.72rem}.fp-coa-card__head{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.fp-coa-card__name{margin:-.1rem 0 .5rem}.topbar-title-row{align-items:center;gap:.45rem;min-width:0;display:flex}.topbar-brand{color:var(--fp-primary);letter-spacing:.06em;white-space:nowrap;margin:0;font-size:1.14rem;font-weight:800}.topbar-dash-grid{align-items:start;width:100%}.topbar-dash-grid .topbar__title-branded .topbar__title{font-size:1rem}@media (width<=1100px){.dashboard-main{padding-top:.75rem}}@media (width<=760px){.fp-grid--3,.fp-grid--2{grid-template-columns:1fr}.fp-only-desktop{display:none}.fp-only-mobile{display:block}}.mata-anggaran-page.panel-card{overflow:visible}.mata-anggaran-page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.mata-anggaran-page__head-right{z-index:20;flex-direction:column;flex:0 auto;align-items:flex-end;gap:.35rem;min-width:min(100%,280px);display:flex;position:relative}.mata-anggaran-page__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.mata-anggaran-form-slide{z-index:30;opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:12px;width:min(420px,100vw - 2.5rem);max-height:0;margin-top:.45rem;transition:opacity .3s,transform .38s cubic-bezier(.22,1,.36,1),max-height .42s cubic-bezier(.22,1,.36,1),visibility .38s,box-shadow .35s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-14px)scale(.98);box-shadow:0 0 #0000}.mata-anggaran-form-slide--open{opacity:1;visibility:visible;pointer-events:auto;max-height:min(72vh,580px);overflow:auto;transform:translateY(0)scale(1);box-shadow:0 2px 4px #0f29420f,0 14px 36px -6px #0f3c5a33,0 0 0 1px #94a3b859}.mata-anggaran-form-slide__inner{position:relative}.mata-anggaran-form-slide .mata-anggaran-form--panel{background:#fff;border-radius:12px;width:100%;max-width:none;margin:0}@media (width<=640px){.mata-anggaran-page__head-right{align-items:stretch;width:100%;min-width:0}.mata-anggaran-form-slide{transform-origin:top;width:auto;left:0;right:0}.mata-anggaran-form-slide--open{transform:translateY(0)scale(1)}.mata-anggaran-page__actions{justify-content:flex-start}}.mata-anggaran-btn-reload{color:#334155;cursor:pointer;background:#fff;border:1px solid #c5d4e0;border-radius:4px;padding:.45rem .75rem;font-size:.82rem;font-weight:600}.mata-anggaran-btn-reload:disabled{opacity:.65;cursor:wait}.mata-anggaran-btn-add{letter-spacing:.04em;color:#0a2a4a;cursor:pointer;background:linear-gradient(#cfe8ff 0%,#a8d4f8 100%);border:1px solid #7eb8e8;border-radius:4px;padding:.45rem 1rem;font-size:.82rem;font-weight:700;box-shadow:inset 0 1px #ffffffbf}.mata-anggaran-btn-add:hover{filter:brightness(1.03)}.mata-anggaran-hint{color:#5a6b7d;margin:.35rem 0;font-size:.88rem}.mata-anggaran-hint--warn{color:#8a4b0f}.mata-anggaran-import-card{background:linear-gradient(165deg,#fff 0%,#f4f8fc 55%,#eef4fa 100%);border:1px solid #c5d8e8;border-radius:12px;margin-top:1.25rem;padding:1.15rem 1.25rem 1.2rem;box-shadow:0 4px 18px #0f3c5a14}.mata-anggaran-import-card__header{border-bottom:1px solid #d8e4ef;align-items:flex-start;gap:.85rem;margin-bottom:.85rem;padding-bottom:1rem;display:flex}.mata-anggaran-import-card__header-icon{color:#fff;background:linear-gradient(145deg,#0d5a8c 0%,#1a7ab8 45%,#3a9fd9 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:flex;box-shadow:0 2px 8px #0d5a8c59}.mata-anggaran-import-card__header-text{min-width:0}.mata-anggaran-import-card__title{color:#0f2942;letter-spacing:.02em;margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.mata-anggaran-import-card__lead{color:#475569;margin:0;font-size:.88rem;line-height:1.5}.mata-anggaran-import-card__flow{counter-reset:ma-step;margin:0 0 1rem;padding:0;list-style:none}.mata-anggaran-import-card__flow>li{border-bottom:1px solid #e8eef5;align-items:flex-start;gap:.65rem;padding:.55rem 0;display:flex}.mata-anggaran-import-card__flow>li:last-child{border-bottom:none}.mata-anggaran-import-card__step-num{color:#0f2942;background:#e2ecf6;border:1px solid #c5d8e8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.78rem;font-weight:800;display:flex}.mata-anggaran-import-card__step-title{color:#0f2942;margin-bottom:.2rem;font-size:.86rem;display:block}.mata-anggaran-import-card__step-desc{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.mata-anggaran-import-card__actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin-bottom:.85rem;display:grid}.mata-anggaran-import-card__file{cursor:pointer;background:#fbfdff;border:1px dashed #8eb4d4;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .85rem;transition:border-color .15s,background .15s;display:flex}.mata-anggaran-import-card__file:hover:not(.mata-anggaran-import-card__file--disabled){background:#f0f7fd;border-color:#3a8bc8}.mata-anggaran-import-card__file--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.mata-anggaran-import-card__file input[type=file]{max-width:42%;font-size:.75rem}.mata-anggaran-import-card__file-label{color:#1e4d3f;align-items:center;gap:.55rem;min-width:0;display:flex}.mata-anggaran-import-card__file-title{font-size:.88rem;font-weight:700;display:block}.mata-anggaran-import-card__file-meta{color:#64748b;font-size:.75rem;font-weight:500;display:block}.mata-anggaran-import-card__progress-block{background:#f1f5f9;border:1px solid #d0dce8;border-radius:10px;margin-top:.35rem;padding:.85rem 1rem}.mata-anggaran-import-card__progress-head{color:#334155;justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.8rem;font-weight:700;display:flex}.mata-anggaran-import-card__progress-pct{font-variant-numeric:tabular-nums;color:#0d5a8c}.mata-anggaran-import-card__progress-track{background:#e2e8f0;border-radius:999px;height:.45rem;overflow:hidden}.mata-anggaran-import-card__progress-bar{background:linear-gradient(90deg,#0d5a8c 0%,#2a8fd1 50%,#4eb5e8 100%);border-radius:999px;height:100%;transition:width .2s ease-out}.mata-anggaran-import-card__progress-step{color:#1e293b;margin:.55rem 0 .15rem;font-size:.84rem;font-weight:600}.mata-anggaran-import-card__progress-file{color:#64748b;word-break:break-all;margin:0;font-size:.78rem}.mata-anggaran-import-card__result{border:1px solid #c5d8e8;border-radius:10px;align-items:flex-start;gap:.75rem;margin-top:.85rem;padding:.95rem 1rem;display:flex}.mata-anggaran-import-card__result--success{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#86efac}.mata-anggaran-import-card__result--error{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#fdba74}.mata-anggaran-import-card__result-icon{flex-shrink:0;line-height:0}.mata-anggaran-import-card__result--success .mata-anggaran-import-card__result-icon{color:#15803d}.mata-anggaran-import-card__result--error .mata-anggaran-import-card__result-icon{color:#c2410c}.mata-anggaran-import-card__result-body{min-width:0}.mata-anggaran-import-card__result-title{color:#0f172a;margin:0 0 .35rem;font-size:.92rem;font-weight:800}.mata-anggaran-import-card__result-text{color:#334155;margin:0 0 .35rem;font-size:.86rem;line-height:1.5}.mata-anggaran-import-card__result-meta{color:#166534;margin:0 0 .55rem;font-size:.8rem;font-weight:600}.mata-anggaran-import-card__result--error .mata-anggaran-import-card__result-meta{color:#9a3412}.mata-anggaran-import-card__result-dismiss{color:#0f2942;cursor:pointer;background:#fff;border:1px solid #c5d4e0;border-radius:6px;margin-top:.15rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600}.mata-anggaran-import-card__result-dismiss:hover{background:#f8fafc}.mata-anggaran-form{background:#f7fafc;border:1px solid #d0dce8;border-radius:8px;gap:.65rem;max-width:420px;margin:.75rem 0 1rem;padding:.85rem 1rem;display:grid}.mata-anggaran-form__title{margin:0 0 .25rem;font-size:.95rem}.mata-anggaran-form label{flex-direction:column;gap:.25rem;font-size:.82rem;font-weight:600;display:flex}.mata-anggaran-form input,.mata-anggaran-form select{font:inherit;border:1px solid #c5d4e0;border-radius:4px;padding:.4rem .5rem}.mata-anggaran-form__actions{gap:.5rem;margin-top:.25rem;display:flex}.mata-anggaran-btn-ghost{cursor:pointer;background:#fff;border:1px solid #c5d4e0;border-radius:4px;padding:.4rem .75rem}.mata-anggaran-table-wrap{background:#fff;border:1px solid #8eb4d4;border-radius:6px;margin-top:.5rem;overflow-x:auto;box-shadow:0 1px 3px #0f325a0f}.mata-anggaran-table{border-collapse:collapse;color:#0c2d5c;width:100%;font-size:.88rem}.mata-anggaran-table thead tr:first-child th{text-align:left;letter-spacing:.045em;text-transform:uppercase;color:#082441;background:linear-gradient(#d9e9f7 0%,#c5daf0 100%);border-bottom:1px solid #8fb3d4;border-right:1px solid #b0cae0;padding:.55rem .65rem;font-size:.72rem;font-weight:800}.mata-anggaran-table thead tr:first-child th:last-child{border-right:none}.mata-anggaran-table__search th{background:#e8f1fa;border-bottom:1px solid #a8bfd4;border-right:1px solid #d4e4f2;padding:.4rem .5rem}.mata-anggaran-table__search th:last-child{border-right:none}.mata-anggaran-table__search input,.mata-anggaran-table__search select{width:100%;min-width:120px;font:inherit;border:1px solid #a8b8c8;border-radius:3px;padding:.35rem .45rem}.mata-anggaran-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;border-right:1px solid #eef2f7;padding:.45rem .55rem}.mata-anggaran-table td:last-child{border-right:none}.mata-anggaran-mata-cell{color:#0c2d5c;font-weight:500;line-height:1.45}.mata-anggaran-posting-cell{letter-spacing:.05em;text-transform:uppercase;color:#082441;white-space:nowrap;font-size:.78rem;font-weight:800}.mata-anggaran-folder-cell{flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex}.mata-anggaran-expand{cursor:pointer;color:#334155;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:inline-flex}.mata-anggaran-expand--spacer{flex-shrink:0;width:1.5rem}.mata-anggaran-folder{color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex}.mata-anggaran-folder--blue{background:#2563eb}.mata-anggaran-folder--green{background:#16a34a}.mata-anggaran-folder--yellow{background:#ca8a04}.mata-anggaran-folder--inline{vertical-align:middle;width:1.1rem;height:1.1rem;margin-right:.2rem}.mata-anggaran-folder-tip-wrap{vertical-align:middle;flex-shrink:0;display:inline-flex}.mata-anggaran-folder-tip-wrap--inline{vertical-align:middle}.mata-anggaran-folder-tooltip-float{pointer-events:none;text-align:left;color:#fff;border:1px solid #0000001f;border-radius:8px;max-width:15rem;padding:.45rem .65rem;font-size:.74rem;font-weight:600;line-height:1.35;box-shadow:0 6px 22px #0f172a47}.mata-anggaran-folder-tooltip-float--blue{background:#2563eb;border-color:#1d4ed8}.mata-anggaran-folder-tooltip-float--green{background:#16a34a;border-color:#15803d}.mata-anggaran-folder-tooltip-float--yellow{background:#ca8a04;border-color:#a16207}.mata-anggaran-code{font-variant-numeric:tabular-nums;font-weight:600}.mata-anggaran-code--btn{font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;border-radius:3px;margin:0;padding:0;font-weight:600}.mata-anggaran-code--btn:hover:not(:disabled){color:#0d6efd;text-decoration:underline}.mata-anggaran-code--btn:focus-visible{outline-offset:2px;outline:2px solid #0d6efd}.mata-anggaran-code--btn:disabled{cursor:not-allowed;opacity:.72}.mata-anggaran-actions{white-space:nowrap}.mata-anggaran-icon-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:.25rem;padding:.25rem;display:inline-flex}.mata-anggaran-icon-btn:hover:not(:disabled){background:#e2e8f0}.mata-anggaran-icon-btn:disabled{opacity:.35;cursor:not-allowed}.mata-anggaran-empty{text-align:center;color:#64748b;font-size:.9rem;padding:1rem .75rem!important}.mata-anggaran-pager-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin:.65rem 0 .45rem;font-size:.88rem;display:flex}.mata-anggaran-pager-head__size{color:#334155;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.mata-anggaran-pager-head__size select{font:inherit;border:1px solid #a8b8c8;border-radius:4px;min-width:4.5rem;padding:.35rem .5rem}.mata-anggaran-pager-head__meta{color:#475569}.mata-anggaran-pager-foot{background:#f1f5f9;border:1px solid #dce4ec;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem .65rem;margin-top:.65rem;padding:.55rem .5rem;font-size:.86rem;display:flex}.mata-anggaran-pager-foot__status{text-align:center;color:#334155;flex:12rem;min-width:0}.mata-anggaran-pager-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #c5d4e0;border-radius:4px;padding:.38rem .65rem;font-size:.82rem;font-weight:600}.mata-anggaran-pager-btn:hover:not(:disabled){background:#e8f0f8}.mata-anggaran-pager-btn:disabled{opacity:.45;cursor:not-allowed}.mata-anggaran-export-card{background:linear-gradient(165deg,#fff 0%,#f6fcf9 48%,#eef8f2 100%);border:1px solid #c4e0d4;border-radius:12px;margin-top:1rem;padding:1.15rem 1.25rem 1.2rem;box-shadow:0 4px 18px #0f5a3212}.mata-anggaran-export-card__header{border-bottom:1px solid #cfe8d8;align-items:flex-start;gap:.85rem;margin-bottom:.75rem;padding-bottom:.95rem;display:flex}.mata-anggaran-export-card__header-icon{color:#fff;background:linear-gradient(145deg,#166534 0%,#22c55e 42%,#4ade80 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:flex;box-shadow:0 2px 10px #16653459}.mata-anggaran-export-card__header-text{min-width:0}.mata-anggaran-export-card__title{color:#0f291a;letter-spacing:.02em;margin:0 0 .35rem;font-size:1.05rem;font-weight:800}.mata-anggaran-export-card__lead{color:#3d5246;margin:0;font-size:.88rem;line-height:1.5}.mata-anggaran-export-card__meta{color:#475569;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;font-size:.82rem;display:flex}.mata-anggaran-export-card__meta-count strong{color:#15803d;font-weight:800}.mata-anggaran-export-card__meta-hint{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.mata-anggaran-export-card__grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=900px){.mata-anggaran-export-card__grid{grid-template-columns:1fr}}.mata-anggaran-export-card__tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1e7dd;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.55rem;padding:.95rem 1rem .85rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex;box-shadow:0 1px 4px #0f3c280d}.mata-anggaran-export-card__tile:hover{border-color:#86c5a0;transform:translateY(-1px);box-shadow:0 6px 16px #1665341f}.mata-anggaran-export-card__tile-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.mata-anggaran-export-card__tile--excel .mata-anggaran-export-card__tile-icon{background:linear-gradient(135deg,#166534,#22c55e)}.mata-anggaran-export-card__tile--pdf .mata-anggaran-export-card__tile-icon{background:linear-gradient(135deg,#b91c1c,#ef4444)}.mata-anggaran-export-card__tile--mysql .mata-anggaran-export-card__tile-icon{background:linear-gradient(135deg,#1e3a5f,#3b82f6)}.mata-anggaran-export-card__tile-body{flex:1;min-width:0}.mata-anggaran-export-card__tile-title{color:#0f172a;margin-bottom:.2rem;font-size:.92rem;font-weight:800;display:block}.mata-anggaran-export-card__tile-desc{color:#64748b;font-size:.78rem;line-height:1.45;display:block}.mata-anggaran-export-card__tile-cta{letter-spacing:.04em;text-transform:uppercase;color:#15803d;align-self:flex-end;margin-top:.15rem;font-size:.78rem;font-weight:700}.mata-anggaran-export-card__tile--pdf .mata-anggaran-export-card__tile-cta{color:#b91c1c}.mata-anggaran-export-card__tile--mysql .mata-anggaran-export-card__tile-cta{color:#1d4ed8}.settings-page{gap:.95rem;display:grid}.settings-card{border:1px solid #d9e5f0;border-radius:12px;box-shadow:0 8px 24px #0f172a0f}.settings-card--hero{background:linear-gradient(165deg,#fff 0%,#f7fbff 62%,#eef6ff 100%)}.settings-card__title{color:#0f2942;margin:0;font-size:1.05rem}.settings-card__subtitle{color:#64748b;margin:.3rem 0 .8rem;font-size:.84rem;line-height:1.5}.settings-grid{gap:.75rem;display:grid}.settings-grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.settings-grid--2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:.8rem}.settings-field{color:#334155;gap:.35rem;font-size:.82rem;font-weight:600;display:grid}.settings-field input,.settings-field select{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.52rem .62rem}.settings-field input:focus,.settings-field select:focus{outline-offset:1px;border-color:#60a5fa;outline:2px solid #93c5fd}.settings-toggle-list{gap:.5rem;margin-top:.8rem;display:grid}.settings-toggle{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.52rem;padding:.52rem .65rem;font-size:.83rem;display:inline-flex}.settings-toggle input[type=checkbox]{width:1rem;height:1rem}.settings-actions{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.15rem .1rem;display:flex}.settings-actions__success{color:#166534;background:#ecfdf5;border:1px solid #86efac;border-radius:6px;padding:.35rem .55rem;font-weight:600}.mata-anggaran-export-card__tile-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:100%;margin-top:.25rem;display:grid}.mata-anggaran-export-card__tile-actions button{color:#1f2937;cursor:pointer;background:#f8fafc;border:1px solid #cfd8e3;border-radius:7px;padding:.34rem .42rem;font-size:.74rem;font-weight:700}.mata-anggaran-export-card__tile-actions button:hover:not(:disabled){background:#eef6ff;border-color:#9ec5f0}.mata-anggaran-export-card__tile-actions button:disabled{opacity:.48;cursor:not-allowed}.mata-anggaran-keterangan{background:#f8fafc;border:1px solid #dce4ec;border-radius:6px;margin-top:1.25rem;padding:.75rem 1rem;font-size:.86rem;line-height:1.55}.mata-anggaran-keterangan__intro{margin:0 0 .5rem}.mata-anggaran-keterangan-block{border-radius:8px;padding:.65rem .85rem}.mata-anggaran-keterangan-block__label{letter-spacing:.08em;margin:0 0 .4rem;font-size:.72rem;font-weight:800}.mata-anggaran-keterangan-block ul{margin:0;padding-left:1.1rem}.mata-anggaran-keterangan-block li{margin-bottom:.35rem}.mata-anggaran-keterangan-block li:last-child{margin-bottom:0}.mata-anggaran-keterangan-block--penerimaan{color:#14532d;background:linear-gradient(165deg,#ecfdf5 0%,#d1fae5 55%,#bbf7d0 100%);border:1px solid #34d399;box-shadow:inset 0 1px #ffffffa6}.mata-anggaran-keterangan-block--penerimaan .mata-anggaran-keterangan-block__label{color:#047857}.mata-anggaran-keterangan-block--pengeluaran{color:#713f12;background:linear-gradient(165deg,#fffbeb 0%,#fef3c7 45%,#fde68a 100%);border:1px solid #eab308;border-left:5px solid #ca8a04;margin-top:.7rem;margin-left:1.5rem;margin-right:.15rem;padding:.7rem .9rem .75rem 1rem;box-shadow:inset 0 1px #ffffffb3,2px 4px 12px #713f1214}.mata-anggaran-keterangan-block--pengeluaran .mata-anggaran-keterangan-block__label{color:#a16207}@media (width<=520px){.mata-anggaran-keterangan-block--pengeluaran{margin-left:.75rem;margin-right:0}}