:root{--background:#fff;--foreground:#171717;--primary:#00aff0;--primary-hover:#0082b2;--primary-light:#dbf5ff;--primary-dark:#006b8f;--secondary:#6b7280;--secondary-light:#f3f4f6;--secondary-dark:#374151;--white:#fff;--black:#000;--gray-50:#f9f9f9;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-muted:#94a3b8;--bg-primary:#fff;--bg-secondary:#f9f9f9;--bg-tertiary:#f3f4f6;--bg-overlay:rgba(0,0,0,.5);--border-primary:#d9d9d9;--border-secondary:#e5e7eb;--border-focus:#00aff0;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-primary:#374151;--border-secondary:#4b5563}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.filter-modal-right-position{position:fixed!important;top:0!important;right:0!important;bottom:0!important;z-index:1050!important}.filter-modal-right-position,.filter-modal-right-position .ant-modal{left:auto!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;transform:none!important}.filter-modal-right-position .ant-modal{position:static!important;top:auto!important;right:auto!important;bottom:auto!important}.filter-modal-right-position .ant-modal-mask{z-index:1040!important}.filter-modal-right-position .ant-modal-content{height:100vh!important;max-height:100vh!important;border-radius:0!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important;display:flex!important;flex-direction:column!important}.filter-modal-right-position .ant-modal-header{border-bottom:none!important;flex-shrink:0!important}.filter-modal-right-position .ant-modal-body{flex:1 1!important;overflow-y:auto!important;padding:0!important}.filter-modal-right-position .ant-modal-footer{border-top:1px solid var(--border-secondary)!important;flex-shrink:0!important;margin:0!important}.filter-modal-right-position{animation:slideInFromRight .3s ease-out!important}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.filter-date-picker-mobile{max-width:calc(100vw - 32px)!important;margin:0 16px!important}.filter-date-picker-mobile .ant-picker-panel-container{max-width:100%!important}.filter-date-picker-mobile .ant-picker-panels{flex-direction:column!important}.filter-date-picker-mobile .ant-picker-panel{width:100%!important;max-width:100%!important}@media (max-width:768px){.ant-picker-dropdown.filter-date-picker-mobile{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 32px)!important;left:16px!important;right:16px!important;top:16px!important;bottom:16px!important;transform:none!important;display:flex!important;flex-direction:column!important}.ant-picker-dropdown.filter-date-picker-mobile[style*="display: none"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ant-picker-dropdown.filter-date-picker-mobile .ant-picker-panel-container{max-width:100%!important;max-height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.ant-picker-dropdown.filter-date-picker-mobile .ant-picker-panels{flex-direction:column!important;flex:1 1!important;overflow-y:auto!important;min-height:0!important}.ant-picker-dropdown.filter-date-picker-mobile .ant-picker-panel{width:100%!important;max-width:100%!important;flex-shrink:0!important}}.title-page{font-size:30px;font-style:normal;font-weight:600;line-height:38px;color:var(--black,#000)}.page-header{justify-content:space-between;margin-bottom:32px;gap:16px}.header-actions,.page-header{display:flex;align-items:center}.header-actions{gap:8px}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:16px}.title-page{font-size:24px;line-height:32px;margin-bottom:0}.header-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}.header-actions>*{width:100%}.header-actions>.ant-btn-primary:not(.upload-button),.header-actions>.ant-btn[type=primary]:not(.upload-button){order:1;width:100%}.header-actions>.ant-btn.sync-button,.header-actions>button.sync-button{order:2;width:100%}.header-actions>.download-button-container{order:3;width:100%}.header-actions>.download-button-container .ant-btn{width:100%}.header-actions>.ant-btn.upload-button,.header-actions>button.upload-button{order:4;width:100%}.header-actions>.ant-btn.history-button,.header-actions>button.history-button{order:5;width:100%}.header-actions>.ant-badge{order:6;width:100%}.header-actions>.ant-badge .ant-btn{width:100%}}@media (max-width:480px){.page-header{gap:12px}.title-page{font-size:20px;line-height:28px}.header-actions{flex-direction:column;align-items:stretch;gap:8px}.header-actions>*{width:100%!important}.header-actions .ant-badge,.header-actions .ant-badge .ant-btn,.header-actions .ant-btn,.header-actions .download-button-container .ant-btn{width:100%}}.ant-btn-variant-solid{background:var(--primary,#00aff0)}@media (max-width:768px){.detail-jumlah-biaya-header{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:16px!important}.add-lokasi-khusus-btn{width:100%!important;margin-top:0!important}}.main-form-wrapper{border-radius:8px;border:1px solid #f0f0f0;background:#fff;padding:16px}.margin-bottom-16{margin-bottom:16px}.main-layout{height:100vh;flex-direction:column;background-color:#f9f9f9;overflow:hidden}.main-layout,.top-nav{width:100%;display:flex}.top-nav{justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #d9d9d9;padding:16px 24px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;font-size:18px;padding:4px 8px}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.user-info:hover{background-color:#f5f5f5}.avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:500;color:#111827}.user-name,.user-nid{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.user-nid{font-size:12px;font-weight:400;color:#6b7280}.esppd-logo{width:96px;height:32px;margin-bottom:20px}.plnnp-logo{width:160px;height:32px}.sidebar-footer{width:100%;text-align:center;font-size:12px;color:#94a3b8;padding:20px 16px;flex-shrink:0;background:#fff;margin-top:auto}.desktop-sidebar{display:block}.sidebar{background:#fff;border-right:1px solid #d9d9d9;height:100%;flex-shrink:0}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-menu-wrapper{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-menu-wrapper::-webkit-scrollbar{width:6px}.sidebar-menu-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-menu-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.sidebar-menu-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mobile-sidebar{position:fixed;top:0;left:-100%;width:75%;max-width:300px;height:100vh;background:#fff;z-index:1050;transition:left .3s ease-in-out;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column}.mobile-sidebar.open{left:0}.mobile-sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1040;display:none}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;flex-shrink:0}.mobile-sidebar-close{font-size:18px;padding:4px 8px}.mobile-sidebar-title h3{margin:0;font-size:16px;font-weight:600;color:#111827}.mobile-sidebar .sidebar{border-right:none;flex:1 1;overflow:hidden}.mobile-sidebar .sidebar-menu-wrapper{flex:0 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0}.mobile-sidebar .sidebar-footer{margin-top:auto;background:#fff}.sidebar .ant-menu-item,.sidebar .ant-menu-submenu-title{font-size:14px;font-weight:400;color:#111827;margin:4px 8px;border-radius:6px}.sidebar .ant-menu-submenu .ant-menu-item{font-size:14px;font-weight:400;color:#111827;margin:2px 8px;border-radius:6px}.sidebar .ant-menu-item-selected{background-color:#dbf5ff!important;color:#0082b2!important;border-radius:6px!important}.mobile-sidebar .ant-menu-item-selected,.sidebar .ant-menu-item-selected .ant-menu-title-content{color:#0082b2!important;font-weight:600!important}.mobile-sidebar .ant-menu-item-selected{background-color:#dbf5ff!important;border-radius:6px!important}.mobile-sidebar .ant-menu-submenu:has(.ant-menu-item-selected)>.ant-menu-submenu-title{color:#0082b2!important;font-weight:600!important}.sidebar .ant-menu-item:hover,.sidebar .ant-menu-submenu .ant-menu-item:hover,.sidebar .ant-menu-submenu-title:hover{color:#0082b2;background-color:#dbf5ff}.sidebar .ant-menu-submenu-open>.ant-menu-submenu-title{color:#0082b2;font-weight:600!important}.content-layout{flex:1 1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.main-content{width:100%;display:flex;flex-direction:column;padding:24px;overflow-y:auto;flex:1 1;transition:opacity .3s ease-in-out}.main-content.dimmed{opacity:.5;pointer-events:none}@media (max-width:768px){.mobile-menu-btn{display:block}.desktop-sidebar{display:none}.mobile-sidebar-overlay{display:block}.main-content{padding:16px}.top-nav{padding:12px 16px}.esppd-logo{width:80px;height:28px}}@media (max-width:480px){.mobile-sidebar{width:85%}.main-content{padding:12px}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;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_f367f3;font-style:normal;font-weight:100 900;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_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;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_f367f3;font-style:normal;font-weight:100 900;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_f367f3;font-style:normal;font-weight:100 900;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_f367f3;font-style:normal;font-weight:100 900;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_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}