@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";::placeholder{color:var(--text-secondary);opacity:1}:root{--color-primary-blue: #0d6efd;--color-primary-green: #00875a;--color-primary-red: #de350b;--bg-primary: #ffffff;--bg-secondary: #f4f7f6;--bg-icon: #f0f2f5;--text-primary: #333333;--text-secondary: #555555;--border-color: #e9ecef;--shadow-color: rgba(0, 0, 0, .05);--header-button-bg: #EAF3FE;--bukukas-header-bg: #EFF6FE;--sidebar-bg: var(--color-primary-blue);--sidebar-text: #cce0ff;--sidebar-text-active: var(--color-primary-blue);--sidebar-bg-active: #ffffff}body.dark-mode{--bg-primary: #1e293b;--bg-secondary: #0f172a;--bg-icon: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow-color-hover: rgba(255, 255, 255, .1);--header-search-bg: #334155;--sidebar-bg: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-active: #ffffff;--sidebar-bg-active: #334155;--color-primary-blue: #60a5fa;--color-primary-green: #86efac;--color-primary-red: #f87171}body{font-family:Poppins,sans-serif;background-color:var(--bg-secondary);height:100vh;display:flex;justify-content:center;align-items:center}.auth-container{display:flex;width:100vw;height:100vh;background-color:#fff;box-shadow:0 10px 30px #0000001a;border-radius:20px;overflow:hidden}.auth-left{flex:1;background-image:url(/build/assets/auth-bg-CZX57PIJ.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:40px}.logo-container{background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:150px;height:150px;display:flex;justify-content:center;align-items:center}.logo{width:600px;height:auto}.auth-right{flex:1;display:flex;justify-content:center;align-items:center;padding:50px}.auth-form{width:100%;max-width:380px}.auth-form h2{font-size:28px;font-weight:600;margin-bottom:30px;color:#333;text-align:center}.form-group{margin-bottom:20px}.form-group.password-group{position:relative;display:flex;align-items:center}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:170px;font-size:16px}.form-group.password-group input{padding-right:45px}.form-group input:focus{outline:none;border-color:#007bff}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#64748b;font-size:18px;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:#1e293b}.toggle-password:active{transform:scale(.95)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px;border-radius:8px}.checkbox-container{display:flex;align-items:center;cursor:pointer}.checkbox-container input{margin-right:8px}a.forgot-password{color:#007bff;text-decoration:none}a.forgot-password:hover{text-decoration:underline}.form-buttons{display:flex;gap:15px;margin-bottom:25px}.btn{flex:1;padding:12px;border:none;border-radius:125px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn-primary{background-image:linear-gradient(to right,#2897fb,#53ddad);color:#fff}.btn-secondary{background-color:none;color:#555;border:4px solid #44C4CB}.btn-secondary:hover{background-image:linear-gradient(to right,#2897fb,#53ddad);color:#fff}.divider{display:flex;align-items:center;text-align:center;color:#ddd;margin:25px 0}.divider:before,.divider:after{content:"";flex-grow:1;height:1px;background-color:#ddd}.divider span{padding:0 1em}.btn-login-google{width:100%;padding:12px;background-color:#fff;color:#444;border:1px solid #ddd;border-radius:125px;font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:background-color .3s ease}.btn-login-google:hover{background-color:#f9f9f9}.btn-login-google img{width:20px;height:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-secondary)}.sidebar{width:260px;height:100vh;background-image:linear-gradient(to bottom,#2385f2,#52dbb1);padding:25px 20px;position:fixed;top:0;left:0;color:var(--sidebar-text);display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:35px;text-decoration:none;color:#fff;margin-left:20px}.sidebar-logo span{font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sidebar-nav{flex-grow:1}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:10px}.sidebar-nav a{color:var(--sidebar-text);text-decoration:none;display:flex;align-items:center;padding:12px 20px;border-radius:8px;transition:all .3s ease;font-weight:500;font-size:15px}.sidebar-nav a i{margin-right:16px;font-size:18px;width:20px;text-align:center}.sidebar-nav a:hover{background-color:#ffffff26;border-radius:50px 0 0 50px;margin-right:-20px;padding-right:40px}.sidebar-nav a.active{background-color:#fff;color:#2385f2;font-weight:600;border-radius:30px 0 0 30px;padding:12px 40px 12px 24px;margin-right:-20px}.sidebar-footer{text-align:center}.logo-icon-wrapper{width:40px;height:40px;background-color:var(--sidebar-bg-active);border-radius:100px;display:flex;align-items:center;justify-content:center;color:var(--color-primary-blue);font-size:20px}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:35px;text-decoration:none;color:#fff;text-shadow:#000000}.sidebar-logo-img{width:53px;height:53px;object-fit:contain;border-radius:10px}.sidebar-logo span{font-size:24px;font-weight:700}.upgrade-btn{background-color:#fff;color:#4fd5b6;border:none;border-radius:40px;padding:12px;width:100%;font-size:15px;font-weight:800;cursor:pointer;margin-bottom:20px}.sidebar-footer small{color:var(--sidebar-text);font-size:13px}:root{--sidebar-width: 250px;--topbar-height: 64px}.main-content-wrapper{margin-left:260px;width:calc(100% - 260px);position:relative;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:999;box-shadow:0 1px 10px #429cff4d;background-color:var(--bg-primary);padding:20px 30px;border-bottom:1px solid var(--border-color)}.page-title{font-size:24px;font-weight:600;color:var(--text-primary)}.top-bar-right{display:flex;align-items:center;gap:30px;margin-right:30px}.search-bar-top{display:flex;align-items:center;background-color:var(--header-button-bg);border-radius:100px;padding:0 15px;width:360px}.search-bar-top i{color:var(--text-secondary);margin-right:10px}.search-bar-top input{border:none;background:none;outline:none;padding:10px 0;font-size:14px;width:100%;font-family:Poppins,sans-serif;color:var(--text-primary)}.notification-bell{background-color:var(--header-button-bg);border:none;width:40px;height:40px;border-radius:100px;cursor:pointer;font-size:18px;color:var(--color-primary-blue)}.theme-toggle-btn{background-color:var(--header-button-bg);border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;font-size:18px;color:var(--color-primary-blue)}.user-profile{background-color:var(--header-button-bg);padding:8px 15px;border-radius:80px;font-weight:500;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px}.user-avatar-circle{background-color:#fff;border-radius:50%;padding:8px 15px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000001a}.user-avatar-circle i,.user-profile i{font-size:12px}.content-area{padding:25px 30px;flex-grow:1;margin-right:12px;margin-left:18px}.content-card{background-color:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);margin-bottom:25px;display:flex;align-items:stretch;flex-direction:column}.content-card-persentase-kas{overflow:visible}.tabs-nav{display:flex;width:auto;padding:6px;background-color:var(--bg-icon);border-radius:50px;margin:8px 20px}.tab-item{flex:1;padding:10px 15px;text-decoration:none;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:50px;transition:all .3s ease;border-bottom:none}.tab-item.active{color:var(--text-primary);font-weight:600;background-color:var(--bg-primary);box-shadow:0 3px 8px var(--shadow-color);border-bottom:none}.tab-pane{display:none;padding:30px 100px 30px 30px}.tab-pane.active{display:block}.add-category-form{display:flex;gap:15px;align-items:flex-start}.form-group-row.flex-grow{flex-grow:1}.delete-modal-box{text-align:center;max-width:400px;padding-top:30px}.delete-icon-wrapper{width:70px;height:70px;background-color:#fee2e2;color:#ef4444;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px;margin:0 auto 20px;animation:pulse-red 2s infinite}.delete-title{font-size:1.5rem;color:#1f2937;margin-bottom:10px}.delete-message{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:25px}.text-danger-warning{color:#dc2626;font-size:.9rem;display:block;margin-top:10px;background:#fef2f2;padding:8px;border-radius:6px;border:1px dashed #fca5a5}.delete-footer{justify-content:center;gap:15px}.btn-danger-modal{background-color:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger-modal:hover{background-color:#dc2626}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.category-item{display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border:1px solid #f0f0f0;border-radius:8px;padding:15px 20px;font-weight:500;color:#333}.tab-content{padding:30px}.form-group-row{margin-bottom:25px;width:100%}.form-group-row label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.form-input{width:100%;max-width:500px;padding:12px 15px;border:2.5px solid var(--border-color);border-radius:8px;font-size:16px;font-family:Poppins,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}.form-input:focus{border-color:var(--color-primary-blue, #0d6efd);box-shadow:none;outline:none}.form-input-file{font-family:Poppins,sans-serif;font-size:14px}.form-group-row small{display:block;margin-top:8px;color:var(--text-secondary);font-size:13px}.btn{padding:12px 25px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.stats-container{display:flex;gap:25px;margin-top:25px}.stat-card{flex:1;background-color:#fff;border:2px solid #007bff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000008;display:flex;flex-direction:column;gap:8px}.stat-card-top{display:flex;justify-content:space-between;align-items:center}.stat-card p{font-size:15px;color:var(--text-secondary);margin:0}.stat-card h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.badge{font-size:14px;font-weight:600;padding:8px 12px;border-radius:10px;background-color:#f0f2f5}.badge.badge-green{color:var(--color-primary-green)}.badge.badge-grey{color:var(--color-primary-red)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px}.summary-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background-color:#fff;border-radius:16px;padding:20px;border:1px solid var(--border-color);box-shadow:0 100px 12px #429cff4d;transition:all .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-color-hover, rgba(65, 156, 255, .3))}.summary-card .icon-box{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:15px}.summary-card .icon-box .icon-img{width:30px;height:30px;object-fit:contain}.summary-card .card-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.summary-card .card-content p{font-size:20px;color:var(--text-secondary);font-weight:500;margin:0}.summary-card .card-content h3{font-size:26px;font-weight:600;color:var(--text-primary);margin:0}.summary-card .card-header{display:flex;align-items:center;gap:3px;min-width:0}.summary-card .card-header p{font-size:22px;color:#000;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-trend-icon{font-size:24px;position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 auto}.trend-icon-bg{position:absolute;width:60px;height:150px;border-radius:10px;top:-49px;left:50%;transform:translate(-50%);z-index:0}.trend-bg-blue{background-color:#2d8bf21a}.trend-bg-orange{background-color:#ffa1421a}.trend-icon{width:40px;height:40px;object-fit:contain;position:relative;z-index:1;transition:transform .3s ease}.icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.icon-box.icon-blue{background-color:var(--bg-icon);color:var(--color-primary-blue, #0d6efd)}.percentage-badge{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;margin-top:4px;margin-left:-7px}.percentage-badge .pct-icon{width:20px;height:20px;object-fit:contain}.percentage-badge.badge-green{color:var(--color-primary-green, #00875a)}.percentage-badge.badge-red{color:#ffa142}.badge-green{color:var(--color-primary-green, #00875a)}.badge-red{color:var(--color-primary-red, #de350b)}.icon-green{color:var(--color-primary-green, #00875a)}.icon-red{color:var(--color-primary-red, #de350b)}.summary-card .card-footer{margin-left:auto;font-size:18px;font-weight:600}.text-green{color:#00875a}.text-red{color:#ffa142}.text-blue{color:#0072ff}.summary-card.summary-saldo{background:linear-gradient(135deg,#2385f2,#3b9eff);color:#fff;border:none;border-radius:16px;padding:24px 28px;box-shadow:0 8px 24px #2385f24d;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.summary-card.summary-saldo .card-content{display:flex;flex-direction:column;gap:12px;flex:1;width:100%}.summary-card.summary-saldo .card-header{display:flex;align-items:center;gap:18px}.summary-card.summary-saldo .icon-box{background-color:#fff3;color:#fff;width:45px;height:45px;border-radius:10px;margin-right:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.summary-card.summary-saldo .icon-box .icon-img{width:30px;height:30px;object-fit:contain}.summary-card.summary-saldo .card-header p{font-size:26px;font-weight:600;color:#fffffff2;letter-spacing:1px;margin:0;text-transform:uppercase}.summary-card.summary-saldo .card-content h3{font-size:32px;font-weight:700;color:#fff;margin:0}.summary-card:nth-child(2) .icon-box{background-color:#2d8bf2;color:#2d8bf2}.summary-card:nth-child(3) .icon-box{background-color:#ffa142;color:#ffa142}.summary-card:nth-child(4) .icon-box{background-color:#16a34a;color:#16a34a}.chart-grid{display:flex;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px}.chart-grid>.content-card:first-child{flex:2}.chart-grid>.content-card:last-child{flex:1}.content-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;gap:15px}.card-header-grafik-kas{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;padding:15px 25px!important;border-bottom:none!important;gap:20px!important}.card-header-grafik-kas .card-title-with-icon{display:flex;margin-top:27px;align-items:center;gap:10px}.card-header-grafik-kas .grafik-kas-header{display:flex;align-items:flex-start}.card-body-grafik-kas{padding:0 20px 20px!important}.card-header-persentase-kas{padding:15px 25px!important;border-bottom:none!important}.card-body-persentase-kas{padding:20px!important}.content-card .card-title{font-size:20px;font-weight:600;color:#000}.card-header-icon{font-size:20px;color:var(--text-secondary);padding:5px;margin-left:-5px}.content-card .card-header .dropdown-with-icon,.content-card .card-header>.dropdown-simple{margin-left:auto}.content-card .card-header .chart-legend{margin-bottom:0;gap:15px}.doughnut-chart-wrapper{display:flex;align-items:center;gap:20px}.doughnut-chart-wrapper .chart-container{flex:1;height:200px}.doughnut-chart-wrapper .doughnut-legend{flex:1;height:200px;overflow-y:auto;justify-content:center}.dropdown-simple{padding:6px 15px;border-radius:40px;background-color:var(--bg-primary);font-family:Poppins,sans-serif;font-size:14px;color:var(--text-primary)}.dropdown-simple-dashboard,.dropdown-simple-bukukas{padding:6px 12px;border:none;border-radius:12px;background-color:var(--bg-primary);font-family:Poppins,sans-serif;font-size:14px;color:var(--text-primary)}.content-card .card-body{padding:20px;flex-grow:1}.chart-legend{display:flex;gap:20px;margin-bottom:20px;font-size:14px}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary)}.chart-container{position:relative;width:100%}#lineChartContainer{height:230px;margin-top:-10px}#doughnutChartContainer{height:200px;margin-bottom:15px}.chart-container canvas{width:100%!important;height:100%!important}.doughnut-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:50%;margin:0 auto 20px;max-width:300px;color:var(--text-secondary)}.doughnut-legend{list-style:none;display:flex;flex-direction:column;gap:10px;align-items:center}.doughnut-legend li{font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.transaction-list{list-style:none;padding:0;margin:0}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #E5E7EB;transition:background .2s}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background-color:#fcfcfc}.icon-circle{width:47px;height:47px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0;margin-left:24px}.icon-circle img{width:37px;height:37px;object-fit:contain}.icon-circle i{font-size:30px}.bg-green-light{background-color:#dcfce7;color:#166534}.bg-blue-light{background-color:#dbeafe;color:#1e40af}.transaction-details{flex:1;display:flex;flex-direction:column;justify-content:center}.transaction-details strong{font-size:18px;color:#000;font-weight:400;margin-bottom:2px;margin-left:2px}.transaction-datetime{display:flex;flex-direction:column;font-size:17px;font-weight:500;color:#000;line-height:1.3;margin-right:20px;text-align:left;min-width:100px}.transaction-datetime .time{font-size:15px;color:#6a7282;margin-top:3px}.transaction-note{flex:2;color:#000;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:20px;margin-left:80px}.transaction-amount{font-weight:500;font-size:18px;text-align:right;min-width:120px;margin-right:50px}.text-green{color:#16a34a}.text-red{color:#dc2626}.badge-kategori{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;border:2px solid transparent}.badge-kategori.bg-green{background-color:#e6f7f0;border-color:#b3e6d2;color:#00875a}.badge-kategori.bg-orange{background-color:#fff0e6;border-color:#ffccb3;color:#de350b}.badge-kategori.bg-grey{background-color:#f0f2f5;border-color:#dcdfe3;color:#555}.transaction-table td.text-green{color:#00875a;font-weight:600}.transaction-table td.text-red{color:#de350b;font-weight:600}.action-cell{text-align:right}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:8px;border-radius:6px;transition:all .2s ease}.btn-icon.btn-edit{color:#007bff}.btn-icon.btn-edit:hover{background-color:#e6f2ff}.btn-icon.btn-delete{color:#dc3545;margin-left:5px}.btn-icon.btn-delete:hover{background-color:#ffebe6}.form-section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.form-divider{border:0;border-top:1px solid #f0f0f0;margin:30px 0}.add-category-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start}.form-group-row.flex-grow{flex-grow:1;min-width:200px}.form-group-row .form-input{margin-bottom:0}.btn-with-icon{display:flex;align-items:center;gap:8px}.category-section-title{font-size:17px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#333}.category-section-title.dot-pemasukan:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#00875a}.category-section-title.dot-pengeluaran:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#de350b}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.category-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:15px 20px;font-weight:500;color:var(--text-primary);box-shadow:0 2px 4px #00000008}.category-delete-btn{background:none;border:none;color:#de350b;cursor:pointer;font-size:16px;padding:5px}.category-delete-btn:hover{color:#bf2600}.btn-primary{background:linear-gradient(90deg,#36d1dc,#0072ff);border:none}.btn-primary:hover{opacity:.9}body.dark-mode .btn-icon.btn-edit:hover{background-color:#007bff26}body.dark-mode .btn-icon.btn-delete:hover{background-color:#dc354526}body.dark-mode .transaction-item .icon-circle{background-color:#334155;color:#94a3b8}body.dark-mode .badge-kategori.bg-green{background-color:#052e16;border-color:#166534;color:#a7f3d0}body.dark-mode .badge-kategori.bg-orange{background-color:#451a03;border-color:#c2410c;color:#fed7aa}body.dark-mode .badge-kategori.bg-grey{background-color:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .form-input,body.dark-mode .dropdown-simple{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.bukukas-header{display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;margin-bottom:20px;background-color:var(--bg-primary);border-radius:19px;border:1px solid var(--border-color);box-shadow:0 0 3px #429cff66;padding:15px 20px}.saldo-display-lg{display:flex;align-items:center;gap:26px;margin-left:15px;flex:1 1 auto;min-width:0}.saldo-display-lg i{font-size:24px;color:var(--text-primary)}.saldo-display-lg h3{font-size:28px;font-weight:600;color:var(--text-primary);margin:0;min-width:0}.page-buku-kas #saldo-display{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:24px;margin-right:10px}body.dark-mode .btn-primary-light{background-color:var(--bg-icon)}.search-bar-lg input::placeholder{color:var(--text-secondary)}.btn-filter{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:0 25px;height:48px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #0063d14d;transition:all .2s ease}.btn-filter:hover{background-color:var(--bg-secondary)}.toolbar-actions{display:flex;align-items:center;gap:10px;margin-right:22px}.btn-secondary-filter{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 15px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary-filter:hover{background-color:var(--bg-secondary)}.btn-danger{background-color:red;color:#fff;border:none;padding:0 15px;height:43px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}.btn-primary-green{background-color:#16a34a;color:#fff;border:none;padding:0 25px;height:48px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;margin-right:10px}.btn-primary-green i{font-size:18px}.transaction-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #429cff66;border:1px solid #e5e7eb;overflow:hidden;margin-top:20px}.bukukas-transaction-card .transaction-card-container,.card-transaksi-terakhir .transaction-card-container{display:none}.card-transaksi-terakhir .transaction-card-empty{padding:18px 16px;color:var(--text-secondary);text-align:center}.card-transaksi-terakhir .tx-day-group{padding:0 14px 14px}.card-transaksi-terakhir .tx-day-header{display:flex;align-items:center;gap:12px;padding:12px 2px 10px}.card-transaksi-terakhir .tx-day-pill{width:40px;height:40px;border-radius:12px;background:var(--bg-icon);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary)}.card-transaksi-terakhir .tx-day-name{font-weight:600;color:var(--text-primary);line-height:1.1}.card-transaksi-terakhir .tx-day-month{color:var(--text-secondary);font-size:12px;margin-top:2px}.card-transaksi-terakhir .tx-day-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #429cff2e}.card-transaksi-terakhir .tx-item{width:100%;background:transparent;border:none;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:default;text-align:left}.card-transaksi-terakhir .tx-item+.tx-item{border-top:1px solid var(--border-color)}.card-transaksi-terakhir .tx-item-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.card-transaksi-terakhir .tx-item .icon-wrapper{width:44px;height:44px;border-radius:999px;margin-right:0;flex-shrink:0}.card-transaksi-terakhir .tx-item-text{min-width:0}.card-transaksi-terakhir .tx-item-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-transaksi-terakhir .tx-item-subtitle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.card-transaksi-terakhir .tx-item-amount{font-weight:600;white-space:nowrap}.bukukas-transaction-card .transaction-card-empty{padding:18px 16px;color:var(--text-secondary);text-align:center}.bukukas-transaction-card .tx-day-group{padding:0 16px 18px}.bukukas-transaction-card .tx-day-header{display:flex;align-items:center;gap:12px;padding:14px 2px 12px}.bukukas-transaction-card .tx-day-pill{width:40px;height:40px;border-radius:12px;background:var(--bg-icon);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary)}.bukukas-transaction-card .tx-day-name{font-weight:600;color:var(--text-primary);line-height:1.1}.bukukas-transaction-card .tx-day-month{color:var(--text-secondary);font-size:12px;margin-top:2px}.bukukas-transaction-card .tx-day-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #429cff2e}.bukukas-transaction-card .tx-item{width:100%;background:transparent;border:none;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;text-align:left}.bukukas-transaction-card .tx-item+.tx-item{border-top:1px solid var(--border-color)}.bukukas-transaction-card .tx-item-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.bukukas-transaction-card .tx-item-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bukukas-transaction-card .tx-item-check .check-item{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-blue)}.bukukas-transaction-card .tx-item .icon-wrapper{width:44px;height:44px;border-radius:999px;margin-right:0;flex-shrink:0}.bukukas-transaction-card .tx-item-text{min-width:0}.bukukas-transaction-card .tx-item-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bukukas-transaction-card .tx-item-subtitle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.bukukas-transaction-card .tx-item-amount{font-weight:600;white-space:nowrap}.bukukas-transaction-card{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 260px)}.bukukas-transaction-card .bukukas-transaction-table{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.bukukas-transaction-card .bukukas-transaction-table #transaction-list-container,.bukukas-transaction-card .transaction-card-container{flex:1 1 auto;min-height:0;overflow-y:auto}.bukukas-transaction-card #pagination-links,.bukukas-transaction-card .transaction-footer{flex:0 0 auto}.form-input-modal{width:100%;padding:12px 15px;border:1px solid #e2e8f0;border-radius:10px;background-color:#f8fafc;font-size:.95rem;color:#334155;transition:all .3s ease;outline:none;box-shadow:0 2px 5px #00000008}.form-input-modal:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #429cff40;transform:translateY(-1px)}.form-input-modal:hover{border-color:#cbd5e1;background-color:#fff}select.form-input-modal{cursor:pointer}.form-group-modal label{color:#475569;font-size:.9rem;margin-bottom:8px!important;font-weight:600}::placeholder{color:#94a3b8;font-weight:400}textarea.form-input-modal{resize:none;height:100px;font-family:inherit}.search-bar-lg{display:flex;align-items:center;background-color:var(--bukukas-header-bg);border:1px solid var(--border-color);border-radius:15px;padding:0 20px;flex-grow:1;max-width:1550px;height:48px}.search-bar-lg i{color:var(--color-primary-blue, #0d6efd);font-size:22px;margin-right:20px}.search-bar-lg input{background:none;border:none;height:100%;flex-grow:1;margin:0 10px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;font-weight:400;outline:none}.toolbar-left{display:flex;align-items:center;gap:32px}.transaction-row.header{background-color:#eff6fe;color:#000;font-weight:500;border-bottom:none;letter-spacing:.5px;font-size:17px}.transaction-table-card input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#fff;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;display:grid;place-content:center;margin:0;transition:all .2s ease-in-out}.transaction-table-card input[type=checkbox]:checked{background-color:#2563eb;border-color:#2563eb}.transaction-table-card input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.2s transform ease-in-out;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.transaction-table-card input[type=checkbox]:checked:before{transform:scale(1)}#transaction-list-container{background-color:#fff;min-height:200px}.transaction-row{display:grid;grid-template-columns:50px 23% 25% 1fr 20%;align-items:center;gap:15px;padding:28px 24px;border-bottom:1px solid #e2e8f0;transition:background .2s}.cell-check{display:flex;align-items:center;justify-content:center;width:50px}.cell-kategori{display:flex;align-items:flex-start;gap:15px;font-weight:400;color:#1e293b;padding-left:2px;font-size:18px;min-width:0}.cell-kategori-text{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.transaction-row.header .cell-kategori{font-weight:500;align-items:center}.cell-tanggal{display:flex;flex-direction:column;justify-content:center;line-height:1.7}.date-text{font-weight:600;color:#334155;font-size:16px}.time-text{color:#94a3b8;font-size:16px;margin-top:2px}.cell-nominal{text-align:right;font-weight:500;padding-right:6px;font-size:18px}.transaction-row.header .cell-nominal{padding-right:58%}.transaction-row.header .cell-nominal{padding-right:65%;font-weight:500}.cell-deskripsi{color:#000;font-size:16px;white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5}.transaction-row.header .cell-deskripsi{font-size:18px}.transaction-footer{background-color:#eff6fe;padding:31px 30px;display:flex;justify-content:flex-end;align-items:center;gap:30px;font-weight:400;color:#000}.laba-badge{padding:6px 12px;border-radius:6px;font-weight:600;font-size:15px;color:#fff}.laba-badge.profit{background-color:#16a34a99}.laba-badge.loss{background-color:#dc354599}.bukukas-header,.bukukas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;margin-bottom:37px}.page-buku-kas .bukukas-header{margin-bottom:12px}.saldo-display-lg i,.saldo-display-lg h3{font-size:36px;color:var(--text-primary)}.dropdown-with-icon{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:0 20px;box-shadow:0 2px 7px #0063d14d;height:48px}.page-buku-kas #month-filter-wrapper{position:relative;overflow:visible}.page-buku-kas #month-filter-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto}.dropdown-with-icon i{color:var(--text-secondary);margin-right:8px}.dropdown-with-icon .dropdown-simple{border:none;background:none;padding:10px 5px;height:40px}.dropdown-btn-custom{background:#fff;border:none;font-size:.95rem;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-width:100px;-webkit-user-select:none;user-select:none}.dropdown-menu-custom{display:none;position:absolute;top:20%;right:16%;width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:8px;z-index:100;flex-direction:column}.dropdown-item{padding:10px 15px;border-radius:8px;cursor:pointer;color:#475569;transition:all .2s;font-size:.9rem}.dropdown-item:hover{background-color:#f1f5f9;color:#1e293b}.dropdown-item.active{background-color:#eff6ff;color:#2563eb;font-weight:600}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:5px 0}.dropdown-item-custom{padding:10px 15px}.dropdown-item-custom label{font-size:.75rem;color:#94a3b8;display:block;margin-bottom:5px;font-weight:600;text-transform:uppercase}.form-input-month{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;outline:none;color:#334155}.form-input-month:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.btn-gradient{background:linear-gradient(90deg,#3b82f6,#2dd4bf);color:#fff;border:none;padding:0 20px;height:45px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;max-width:180px}.btn-gradient:hover{opacity:.9}.btn-secondary-filter{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:0 25px;height:42px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary-filter:hover{background-color:var(--border-color)}.btn-primary-green{background-color:#16a34a;color:#fff;border:none;padding:0 20px;height:42px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-primary-green:hover{background-color:#15803d}.add-category-card .card-title{margin:0;padding:0;border:none}.content-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f1f5f9;overflow:hidden}.dot-pemasukan:before{content:"";display:inline-block;width:10px;height:10px;background-color:#10b981;border-radius:50%;margin-right:10px}.dot-pengeluaran:before{content:"";display:inline-block;width:10px;height:10px;background-color:#f97316;border-radius:50%;margin-right:10px}.add-category-card{display:flex;justify-content:space-between;align-items:center}.btn-gradient{background:linear-gradient(135deg,#2486f1,#51d9b2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.category-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.category-item-large{background-color:#fff;box-shadow:-1px 7px 15px -1px #429cff66;border-radius:12px;padding:16px;display:flex;align-items:center;transition:all .2s ease}.category-item-large:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-right:16px;flex-shrink:0}.icon-wrapper.icon-shape-pemasukan{background-color:#dcfce7}.icon-wrapper.icon-shape-pemasukan img{width:24px;height:24px;object-fit:contain}.icon-wrapper.icon-shape-pengeluaran{background-color:#429cff4d}.icon-wrapper.icon-shape-pengeluaran img{width:24px;height:24px;object-fit:contain}.bg-green-light{background-color:#ecfdf5;color:#059669;border-radius:50%}.bg-blue-light{background-color:#eff6ff;color:#2563eb;border-radius:50%}.category-name{flex:1;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-actions{display:flex;gap:0px}.btn-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-edit:hover{background-color:#eff6ff}.btn-delete:hover{background-color:#fef2f2}.content-card-category{background:#fff;border-radius:16px;box-shadow:0 4px 20px -2px #429cff4d;border:1px solid #f1f5f9;margin-bottom:55px;overflow:hidden}.card-body-category{padding:30px}.card-header-category{background-color:#f8fafc;padding:16px 24px;border-bottom:1px solid #e2e8f0}.card-title-category{font-size:22px;font-weight:800;color:#000;display:flex;align-items:center;margin:0 0 0 12px}.dot-pemasukan-category:before{content:"";display:inline-block;width:10px;height:10px;background-color:#10b981;border-radius:50%;margin-right:10px}.dot-pengeluaran-category:before{content:"";display:inline-block;width:10px;height:10px;background-color:#f97316;border-radius:50%;margin-right:10px}.add-section-category{display:flex;justify-content:space-between;align-items:center}.btn-gradient-category{background:linear-gradient(135deg,#2486f1,#51d9b2);color:#fff;border:none;padding:17px 20px;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.btn-gradient-category:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.main-category-container{background:#fff;border-radius:24px;padding:0 0 40px;box-shadow:0 6px 15px 1px #429cff4d;border:1px solid #fff5f5;margin-top:25px;overflow:hidden}.section-header-green{background-color:#eff6fe;padding:20px 40px;display:flex;align-items:center;width:100%;margin-bottom:25px;box-sizing:border-box;border-radius:0}.category-section:first-child .section-header-green{border-radius:24px 24px 0 0}.section-header-green h3{margin:0;font-size:20px;font-weight:500;color:#0f172a;letter-spacing:.3px}.dot-indicator{width:16px;height:16px;background-color:#16a34a;border-radius:50%;margin-right:15px;display:inline-block}.dot-indicator.dot-orange{background-color:#f97316}.grid-container-category{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:45px;padding:12px 40px}@media (max-width: 768px){.page-buku-kas #pagination-links{display:none!important}.page-kategori .content-card-category{margin-bottom:18px}.page-kategori .card-body-category{padding:16px}.page-kategori .add-section-category{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.page-kategori .card-title-category{font-size:22px;margin-left:0;flex:1;min-width:0}.page-kategori .btn-gradient-category{width:auto;justify-content:center;padding:12px 16px;font-size:13px;flex-shrink:0;white-space:nowrap}.page-kategori .main-category-container{border-radius:18px;margin-top:16px;padding-bottom:16px}.page-kategori .category-section:first-child .section-header-green{border-radius:18px 18px 0 0}.page-kategori .section-header-green{padding:14px 16px;margin-bottom:12px}.page-kategori .section-header-green h3{font-size:16px}.page-kategori .dot-indicator{width:12px;height:12px;margin-right:10px}.page-kategori .grid-container-category{grid-template-columns:1fr;gap:12px;padding:0 16px 14px;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(66,156,255,.3) transparent}.page-kategori .grid-container-category::-webkit-scrollbar{width:6px}.page-kategori .grid-container-category::-webkit-scrollbar-track{background:transparent}.page-kategori .grid-container-category::-webkit-scrollbar-thumb{background:#429cff4d;border-radius:9999px}.page-kategori .section-spacer{height:14px}.page-kategori .category-item-large{width:100%;min-width:0;padding:12px;border-radius:14px;box-shadow:-1px 6px 14px -2px #429cff59}.page-kategori .category-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-kategori .category-actions{flex-shrink:0}.page-kategori .category-item-large:hover{transform:none;box-shadow:-1px 6px 14px -2px #429cff59}.page-kategori .icon-wrapper{width:40px;height:40px;margin-right:12px;border-radius:10px}.page-kategori .btn-icon{width:36px;height:36px}.page-kategori .loading-text{padding-left:16px}}.section-spacer{height:30px;width:100%;background-color:transparent}.loading-text{color:#94a3b8;font-style:italic;padding-left:40px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:12000;display:none}.modal-box{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:520px;overflow:hidden;display:flex;flex-direction:column;scrollbar-color:transparent transparent}@media (min-width: 769px){.modal-overlay{padding:20px;overflow:auto;align-items:center;justify-content:center}.modal-box{max-height:calc(100vh - 48px)}.modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto}}@media (min-width: 769px) and (max-width: 1700px){.modal-overlay{padding:16px}.modal-box{max-width:460px}.modal-header{padding:12px 18px}.modal-header h2{font-size:16px}.modal-body{padding:18px;gap:14px}.modal-footer{padding:14px 18px}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer}.modal-body{padding:25px;display:flex;flex-direction:column;gap:20px}@media (min-width: 769px){.modal-box{max-height:calc(100vh - 48px)}.modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-box>form>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}#category-modal-overlay #dynamic-icon-grid.icon-picker-container{max-width:100%;max-height:min(46vh,420px);grid-template-columns:repeat(auto-fit,minmax(56px,1fr));margin:0}}.modal-tabs{display:flex;background-color:var(--bg-secondary);border-radius:50px;padding:5px}.modal-tab-item{flex:1;background:none;border:none;padding:8px 15px;border-radius:50px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.modal-tab-item.active{background-color:var(--bg-primary);color:#2d8bf2;box-shadow:0 2px 5px var(--shadow-color)}.form-group-modal{display:flex;flex-direction:column;gap:10px}.form-group-modal.icon-modal{gap:15px}.form-group-modal label{display:block;font-weight:500;margin-bottom:8px;color:var(--text-primary);font-size:14px}.form-input-modal{width:100%;padding:12px 15px;border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:8px;font-size:14px;font-family:Poppins,sans-serif;color:var(--text-primary)}.form-input-modal::placeholder{color:var(--text-secondary)}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-size:.95rem;transition:all .2s}.dropdown-trigger:hover{border-color:#cbd5e1;background-color:#fff}.custom-dropdown.active .dropdown-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.arrow-icon{font-size:12px;color:#94a3b8;transition:transform .2s}.custom-dropdown.active .arrow-icon{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001a;z-index:50;overflow:hidden}.custom-dropdown.active .dropdown-content{display:block;animation:fadeIn .2s ease-out}.dropdown-scroll-area{max-height:200px;overflow-y:auto}.dropdown-scroll-area::-webkit-scrollbar{width:6px}.dropdown-scroll-area::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.dropdown-item{padding:10px 15px;cursor:pointer;color:#475569;transition:background .2s;border-bottom:1px solid #f1f5f9}.dropdown-item:hover{background-color:#f0f9ff;color:#0284c7}.dropdown-item.selected{background-color:#e0f2fe;color:#0369a1;font-weight:600}.dropdown-add-btn{padding:12px 15px;background-color:#f0fdf4;color:#16a34a;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:8px;border-top:1px solid #dcfce7;transition:background .2s;font-size:13px}.dropdown-add-btn:hover{background-color:#dcfce7}.icon-picker-container{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px;background-color:var(--bg-secondary);border-radius:12px;max-height:350px;max-width:450px;overflow-y:auto;overflow-x:hidden;margin:0 auto;scrollbar-width:none;scrollbar-color:transparent transparent}.icon-picker-container::-webkit-scrollbar{width:8px}.icon-picker-container::-webkit-scrollbar-track{background:transparent}.icon-picker-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background-color .3s ease}.icon-picker-container::-webkit-scrollbar-thumb:hover{background-color:#3b82f6b3}.icon-picker-container.scrolling::-webkit-scrollbar-thumb{background-color:#3b82f680}.icon-picker-container.scrolling{scrollbar-color:rgba(59,130,246,.5) transparent}.icon-picker-container.grid-pemasukan .icon-option,.icon-picker-container.grid-pengeluaran .icon-option{background-color:#fff;border:2px solid #FFFFFF;border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;aspect-ratio:1 / 1;position:relative}.icon-option img{width:40px;height:40px;object-fit:contain;transition:all .2s ease;display:block}.icon-option i{font-size:24px;transition:all .2s ease}.icon-option .icon-type{display:block!important;visibility:visible!important}.icon-option .icon-neutral{display:none!important;visibility:hidden!important}.icon-option:hover{background-color:#bfdbfe99;border-color:#3b82f64d;transform:scale(1.05);box-shadow:0 2px 8px #3b82f633}.icon-option.active:hover .icon-type{display:none!important}.icon-option.active:hover .icon-neutral{display:block!important}.icon-picker-container.grid-pemasukan .icon-option.active{background-color:#00a63e;border:2px solid #00A63E;transform:scale(1.05);box-shadow:0 2px 8px #16a34a4d}.icon-picker-container.grid-pengeluaran .icon-option.active{background-color:#3b82f6;border:2px solid #3B82F6;transform:scale(1.05);box-shadow:0 2px 8px #3b82f64d}.icon-option.active .icon-type{display:none!important;visibility:hidden!important;opacity:0!important}.icon-option.active .icon-neutral{display:block!important;visibility:visible!important;opacity:1!important;filter:brightness(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.15))}#icon-grid-container-kat{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-height:400px;overflow-y:auto;padding:12px}#icon-grid-container-kat .icon-option{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:12px;transition:all .3s ease;border:2px solid transparent;padding:4px}#icon-grid-container-kat .icon-option:hover{transform:scale(1.05);border-color:#ddd}#icon-grid-container-kat .icon-option.active{box-shadow:0 2px 8px #0003}#icon-grid-container-kat .icon-option.active .icon-wrapper img{filter:grayscale(100%) brightness(.85)}#icon-grid-container-kat.grid-pengeluaran .icon-option.active .icon-wrapper{background:#2b7fff!important}#icon-grid-container-kat.grid-pemasukan .icon-option.active .icon-wrapper{background:#00a63e!important}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 25px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.btn-secondary-modal{background:#fff;color:#2385f2;border:.5px solid #2385F2;padding:18px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-secondary-modal:hover{background-color:var(--bg-icon)}.btn-primary-modal{background:linear-gradient(90deg,#2486f1,#51d9b2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-primary-modal:hover{opacity:.9}.modal-overlay-report{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;display:none;overflow-y:auto;padding:20px 0}.modal-box-report{background-color:var(--bg-primary);border-radius:16px;box-shadow:0 10px 40px #0000004d;width:100%;max-width:1000px;overflow:hidden;display:flex;flex-direction:column;max-height:95vh}.modal-header-report{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 30px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);position:sticky;top:0;z-index:2001;border-top-left-radius:16px;border-top-right-radius:16px}.modal-title-report h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 15px}.modal-close-btn-report{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.report-options{display:flex;flex-direction:column;gap:8px}.checkbox-report-option{display:flex;align-items:center;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkbox-report-option input[type=checkbox]{margin-right:8px;accent-color:var(--color-primary-blue)}.modal-body-report{padding:0;flex-grow:1;overflow-y:auto}.report-content-wrapper{padding:30px}.report-header-section{text-align:center;margin-bottom:30px}.report-header-section h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.report-header-section h4{font-size:18px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.report-period{font-size:14px;color:var(--text-secondary)}.report-section{margin-bottom:40px}.report-section .section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed var(--border-color)}.summary-card{background-color:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 10px var(--shadow-color)}.summary-icon{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.summary-icon.icon-wallet{background-color:#0d6efd}.summary-icon.icon-inflow{background-color:#10b981}.summary-icon.icon-outflow{background-color:#ef4444}.summary-icon.icon-profit{background-color:#f59e0b}.summary-details p{font-size:12px;color:var(--text-secondary);margin-bottom:5px}.summary-details h3{font-size:18px;font-weight:700;color:var(--text-primary)}.summary-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;margin-left:auto}.summary-trend.trend-up{color:#10b981}.summary-trend.trend-down{color:#ef4444}.summary-trend.trend-neutral{color:var(--text-secondary)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-card{background-color:var(--bg-secondary);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--shadow-color)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.chart-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.chart-options{display:flex;gap:10px;align-items:center}.chart-options .dropdown-simple{height:35px;padding:0 10px;font-size:13px}.chart-toggle-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer}.chart-toggle-btn.active{background-color:var(--color-primary-blue);color:#fff;border-color:var(--color-primary-blue)}.report-section .transaction-table-card{border:none;box-shadow:none;border-radius:0}.report-section .transaction-table-card .transaction-row.header{background-color:var(--bg-secondary);border-radius:8px 8px 0 0}.modal-footer-report{display:flex;justify-content:flex-end;gap:15px;padding:20px 30px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);position:sticky;bottom:0;z-index:2001;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.pagination-container{padding:15px 20px;display:flex;justify-content:center;gap:5px;background-color:#fff}.pagination-link{background-color:#fff;border-radius:5px;padding:5px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.pagination-link:hover{background-color:var(--bg-secondary)}.pagination-link.active{background:linear-gradient(90deg,#2486f1,#51d9b2);color:#fff}.profile-header-container{width:100%;position:relative;margin-bottom:30px;padding:43px 33px 40px}.profile-header-banner{height:160px;background:linear-gradient(90deg,#2493e0,#40c9c4);width:100%;border-radius:16px;position:relative;overflow:hidden}.profile-header-banner:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:30px;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;transform:translateY(100%);z-index:1}.profile-header-content{display:flex;align-items:center;gap:20px;padding:0 30px;position:relative;top:-50px;right:-32px}.profile-avatar-placeholder{width:200px;height:200px;border-radius:16px;background-color:var(--bg-icon, #f0f2f5);display:flex;align-items:center;justify-content:center;font-size:60px;color:var(--text-secondary);flex-shrink:0}.profile-avatar-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-info{padding-top:75px}.content-card{background-color:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.content-card.settings-card{margin-top:0;box-shadow:0 8px 30px #429cff80}.profile-header-container{width:100%;position:relative;margin-bottom:0}.profile-header-banner{width:100%;height:180px;background:linear-gradient(90deg,#3b82f6,#2dd4bf);border-top-left-radius:16px;border-top-right-radius:16px}.profile-header-content{display:flex;align-items:center;gap:20px;padding:0 30px;position:relative;top:-50px;margin-bottom:-50px}.profile-info{padding-top:50px}.profile-info h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.profile-info span{font-size:14px;color:var(--text-secondary)}.tabs-nav-container{display:flex;justify-content:center;width:100%;padding:10px 40px 0}.tabs-nav.full-width{display:flex;width:100%;padding:6px;background-color:#429cff4d;border-radius:12px}.tabs-nav.full-width .tab-item{flex:1;padding:8px 15px;text-decoration:none;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:23px;transition:all .3s ease;border-bottom:none;white-space:nowrap}.tabs-nav.full-width .tab-item.active{color:var(--text-primary);font-weight:600;background-color:var(--bg-primary);box-shadow:0 3px 8px #429cff4d}.tab-pane{padding:30px 0 40px 64px}.form-row-split{display:flex;margin-bottom:20px}.form-col{flex:1}.form-col label{display:block;font-size:.95rem;font-weight:500;color:#475569;margin-bottom:8px}.form-col input{width:91%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;color:#334155;transition:all .3s ease}.form-col input:focus{outline:none;border-color:#40c9c4;box-shadow:0 0 0 3px #40c9c41a}.password-wrapper{position:relative!important;display:block!important;width:100%!important}.password-wrapper-settings{position:relative!important;display:block!important;width:48%!important}.password-wrapper input,.password-wrapper-settings input{width:100%!important;box-sizing:border-box!important;padding:12px 45px 12px 15px!important;border:1px solid #ddd;border-radius:170px;font-size:16px;color:#334155;background-color:#fff;height:auto}.password-wrapper input:focus,.password-wrapper-settings input:focus{outline:none;border-color:#007bff}.password-toggle-icon{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;text-align:center!important;color:#6c757d;cursor:pointer;font-size:1rem;z-index:10;transition:color .2s ease;-webkit-user-select:none;user-select:none;padding:0;background:none;border:none}.password-toggle-icon:hover{color:#495057}.password-toggle-icon:active{transform:translateY(-50%) scale(.95)}.form-section-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:25px}.form-group-row label{display:block;font-size:.95rem;font-weight:500;color:#475569;margin-bottom:8px}.form-group-row small{display:block;font-size:.85rem;color:#94a3b8;margin-top:6px}.form-group-row input[type=text]{width:47%;padding:18px;border:1px solid #cbd5e1;border-radius:13px;font-size:1rem;color:#334155;background-color:#fff;transition:all .3s ease}.form-group-row input[type=text]:focus{outline:none;border-color:#40c9c4;box-shadow:0 0 0 3px #40c9c41a}.form-group-row input[type=file]{width:19%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background-color:#fff;color:#475569;font-size:.9rem}.form-group-row input[type=file]::file-selector-button{margin-right:15px;border:none;background-image:linear-gradient(90deg,#2486f1,#51d9b2);padding:10px 20px;border-radius:9px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.form-group-row input[type=file]::file-selector-button:hover{opacity:.9}@media (max-width: 768px){.page-pengaturan .tab-pane{padding:18px 16px 24px}.page-pengaturan .form-row-split{flex-direction:column;gap:14px}.page-pengaturan .form-col input{width:100%;max-width:100%;box-sizing:border-box;padding:14px;border-radius:12px;border-color:#cbd5e1;background-color:#fff}.page-pengaturan .password-wrapper-settings{width:100%!important}.page-pengaturan .password-wrapper-settings input{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 44px 14px 14px!important;border:1px solid #cbd5e1!important;border-radius:12px!important;background-color:#fff!important;font-size:1rem!important}.page-pengaturan .form-group-row input[type=text],.page-pengaturan .form-group-row input[type=email],.page-pengaturan .form-group-row input[type=password],.page-pengaturan .form-group-row input[type=file]{width:100%;max-width:100%;box-sizing:border-box}.page-pengaturan .form-group-row input[type=text]{padding:14px;border-radius:12px}.page-pengaturan .form-group-row input[type=file]{padding:10px 12px;border-radius:12px;font-size:.9rem;background-color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-pengaturan .form-group-row input[type=file]::file-selector-button{padding:10px 14px;border-radius:10px;margin-right:12px}.page-pengaturan .form-footer .btn-primary{width:100%;justify-content:center}}.form-footer{margin-top:30px}.form-footer .btn-primary{padding:12px 30px;border:none;border-radius:8px;background-image:linear-gradient(90deg,#2486f1,#51d9b2);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #2493e033;transition:transform .2s,box-shadow .2s}.form-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #2493e04d;background-color:transparent}.form-footer .btn-primary:active{transform:translateY(0)}.form-footer .form-message{flex-grow:1;margin-bottom:0}.form-message{font-size:14px;font-weight:500}.form-message.success{color:#16a34a}.form-message.error{color:#de350b}.alert-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px}.alert-popup{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;align-items:flex-start;gap:15px;min-width:300px;max-width:400px;animation:slideInRight .5s cubic-bezier(.68,-.55,.27,1.55);border-left:5px solid}.alert-success{border-left-color:#10b981}.alert-success .alert-icon{color:#10b981}.alert-error{border-left-color:#ef4444}.alert-error .alert-icon{color:#ef4444}.alert-message{flex:1;font-size:.9rem;color:#334155}.alert-message strong{display:block;margin-bottom:4px;font-size:1rem}.alert-message ul{margin:0;padding-left:15px;list-style-type:disc}.alert-close{background:none;border:none;font-size:1.2rem;color:#94a3b8;cursor:pointer;padding:0;line-height:1;transition:color .2s}.alert-close:hover{color:#0f172a}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{to{transform:translate(120%);opacity:0}}.user-profile-dropdown{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;border-radius:30px;background-color:#eaf3fe;padding:6px 17px;gap:7px}.header-dropdown-menu{display:none;position:absolute;top:120%;right:0;width:180px;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 5px 9px #429cff66;padding:6px;z-index:9999;flex-direction:column;animation:slideDownFade .2s ease-out}.header-menu-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;text-decoration:none;color:#475569;font-size:.9rem;font-weight:500;transition:all .2s}.header-menu-item:hover{background-color:#f8fafc;color:#1e293b}.header-menu-item i{width:18px;text-align:center}.header-menu-item.text-red{color:#ef4444}.header-menu-item.text-red:hover{background-color:#fef2f2;color:#dc2626}.menu-divider{height:1px;background-color:#f1f5f9;margin:4px 0}.user-profile-dropdown.active .header-dropdown-menu{display:flex}.user-profile-dropdown.active .fa-chevron-down{transform:rotate(180deg)}.notif-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white}.notif-dropdown{display:none;position:absolute;top:120%;right:-10px;width:320px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 10px 30px #0000001a;z-index:1000;overflow:hidden;animation:slideDownFade .2s ease-out}.notif-header{padding:15px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.notif-header h3{margin:0;font-size:1rem;color:#1e293b;font-weight:700}.mark-read{font-size:.75rem;color:#3b82f6;cursor:pointer}.mark-read:hover{text-decoration:underline}.notif-list{max-height:300px;overflow-y:auto}.notif-item{padding:15px 20px;display:flex;gap:15px;border-bottom:1px solid #f8fafc;transition:background .2s;cursor:pointer}.notif-item:hover{background-color:#f8fafc}.notif-item:last-child{border-bottom:none}.notif-icon{width:40px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:1.2rem}.icon-blue-light{background-color:#eff6ff;color:#2563eb}.icon-green-light{background-color:#ecfdf5;color:#10b981}.notif-content{flex:1}.notif-title{margin:0 0 2px;font-size:.9rem;font-weight:600;color:#334155}.notif-desc{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.notif-time{display:block;font-size:.7rem;color:#94a3b8;margin-top:5px}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-avatar-pojok{width:37px;height:37px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.default-avatar-pojok{width:35px;height:35px;border-radius:50%;background-color:#cbd5e1;color:#475569;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.card-transaksi-terakhir{background-color:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000a;padding:24px;margin-bottom:2rem}.card-transaksi-terakhir .card-header{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:27px;margin-bottom:0;border-bottom:1px solid #E5E7EB}.card-transaksi-terakhir .card-header h3{font-size:22px;font-weight:600;color:#000;display:flex;align-items:center;gap:10px;margin:0 0 0 37px}.card-transaksi-terakhir .card-header .view-all{font-size:.85rem;font-weight:600;color:var(--primary-color, #0072ff);text-decoration:none}.company-setup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9998}.company-setup-modal-content{background-color:#fff;padding:2.5rem;border-radius:12px;width:90%;max-width:450px;box-shadow:0 10px 30px #0000001a;z-index:9999}@media (min-width: 769px){.company-setup-overlay{padding:24px;overflow:auto}.company-setup-modal-content{max-height:calc(100vh - 48px);overflow:auto}}@media (min-width: 769px) and (max-width: 1700px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card .card-header p{font-size:clamp(16px,1.6vw,20px);white-space:normal;overflow:visible;text-overflow:clip}.summary-card .card-content h3{font-size:clamp(20px,2.2vw,26px)}.chart-grid{display:grid;grid-template-columns:1fr}.chart-container-horizontal{position:relative;display:block;min-height:280px}.chart-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:280px;display:flex;justify-content:center;align-items:center;flex:none}#doughnutChart{max-width:240px!important;max-height:240px!important}.doughnut-legend{position:absolute;right:0;top:50%;transform:translateY(-50%);width:260px;max-width:260px;max-height:none;overflow:visible;min-width:0}.doughnut-legend li{min-width:0;align-items:flex-start}.doughnut-legend .legend-label{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.transaction-details,.transaction-note{min-width:0}.transaction-details strong{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.transaction-item{display:grid;grid-template-columns:70px minmax(220px,1.15fr) minmax(180px,.85fr) minmax(220px,1.4fr) minmax(160px,.8fr);align-items:center;column-gap:32px;justify-content:unset;padding:22px 24px}.transaction-item .icon-circle{margin:0;justify-self:center}.transaction-item .transaction-datetime{margin-right:0;min-width:0}.transaction-item .transaction-note{margin-left:0;margin-right:0}.transaction-item .transaction-amount{margin-right:0;min-width:0;justify-self:end;white-space:nowrap}}@media (min-width: 769px) and (max-width: 1100px){.chart-container-horizontal{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:unset}.chart-wrapper{position:static;transform:none;width:280px}.doughnut-legend{position:static;transform:none;width:100%;max-height:unset;overflow:visible}}@media (min-width: 769px) and (max-width: 1700px){.company-setup-modal-content{padding:1.75rem;max-width:420px}.company-setup-modal-content h2{font-size:1.25rem}}@media (min-width: 769px){.sidebar-logo{margin-left:0;padding-right:12px}.sidebar-logo span{font-size:22px;line-height:1.1}}.company-setup-modal-content h2{margin-top:0;font-size:1.5rem}.company-setup-modal-content p{color:#555;margin-bottom:1.5rem}.company-setup-modal-content .form-group{margin-bottom:1rem}.company-setup-modal-content .form-group label{display:block;font-weight:600;margin-bottom:.5rem}.company-setup-modal-content .form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px}.company-setup-modal-content .btn-submit-setup{width:100%;padding:.85rem;border:none;border-radius:6px;background-color:#0d6efd;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem}#toast-notification{position:fixed;top:20px;right:20px;z-index:99999;transform:translate(150%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.swal2-container{z-index:20000!important}#toast-notification.show{transform:translate(0)}.toast-content{background:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:12px;border-left:5px solid #10b981;min-width:300px}#toast-message{font-weight:600;color:#334155;font-size:.95rem}@media (max-width: 768px){body{background-color:#fff;display:block;height:auto}.auth-container{flex-direction:column;width:100%;min-height:100vh;box-shadow:none;border-radius:0;padding:0}.auth-left{background-image:url(/build/assets/phone_bg-A3mnnCIS.png);flex:none;width:100%;height:200px;background-color:#fff;background-repeat:no-repeat;background-position:top center;background-size:100% auto;justify-content:center;align-items:center;padding:20px}.logo-container{width:50px;height:50px}.logo{width:100px}.auth-right{flex:1;width:100%;padding:20px 30px;justify-content:flex-start;align-items:flex-start}.auth-form{max-width:100%}.form-group input{background-color:#f0f2f5;border:none;border-radius:12px;padding:15px}.top-bar{position:sticky;top:0;left:0;width:100%}.main-content{margin-left:0;width:100%;padding-top:0}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog-box{background:var(--bg-primary);border-radius:16px;padding:32px;max-width:320px;width:90%;box-shadow:0 10px 40px #0003;text-align:center}.dialog-content{margin-bottom:24px}.dialog-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px}.dialog-icon.success{background:#dcfce7;color:#16a34a}.dialog-icon.error{background:#fee2e2;color:#dc2626}.dialog-icon.warning{background:#fef3c7;color:#f59e0b}.dialog-icon.info{background:#dbeafe;color:#0284c7}#dialog-message{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;font-weight:500}.dialog-actions{display:flex;gap:12px;justify-content:center}.dialog-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.dialog-btn-confirm{background:var(--color-primary-green);color:#fff}.dialog-btn-confirm:hover{background:#0d7a4a;transform:translateY(-2px)}.dialog-btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.dialog-btn-cancel:hover{background:var(--border-color)}.dialog-btn-danger{background:var(--color-primary-red)!important}.dialog-btn-danger:hover{background:#b82a0b!important}.card-title-with-icon{display:flex;align-items:top;gap:12px}.custom-title-icon{width:30px;height:30px;object-fit:contain}.dropdown-minimalis{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dropdown-minimalis:hover{border-color:var(--color-primary-blue)}.dropdown-minimalis:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 2px #0d6efd1a}.chart-container-horizontal{display:flex;gap:32px;align-items:flex-start;justify-content:space-between;min-width:0}.chart-wrapper{flex:1 1 300px;min-width:220px;display:flex;justify-content:center;align-items:center}#doughnutChart{max-width:280px!important;max-height:280px!important;font-weight:700!important}.doughnut-legend{flex:1 1 220px;min-width:160px;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;max-width:100%}.doughnut-legend li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-primary);text-align:left;min-width:0}.doughnut-legend .legend-label{min-width:0;flex:1 1 auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25}.doughnut-legend .legend-color{width:16px;height:16px;border-radius:12px;flex-shrink:0}@media (min-width: 769px){.doughnut-legend{flex:1 1 240px;max-width:260px;min-width:160px}.doughnut-legend li{align-items:flex-start}.transaction-details,.transaction-note{min-width:0}.transaction-details strong{white-space:normal;overflow-wrap:anywhere;word-break:break-word}}@media (max-width: 768px){.card-header-persentase-kas{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-header-persentase-kas .dropdown-minimalis{margin-left:auto}.chart-container-horizontal{flex-direction:row;align-items:center;gap:16px}.chart-wrapper{flex:0 0 220px;width:220px;max-width:220px;margin:0}#doughnutChart{max-width:200px!important;max-height:200px!important}.doughnut-legend{width:auto}}.card-title-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:0}.custom-title-icon{width:24px;height:24px;object-fit:contain}.dropdown-minimalis-grafik{padding:8px 12px;border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dropdown-minimalis-grafik:hover{background:var(--bg-secondary)}.grafik-kas-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 25px;gap:20px}.grafik-kas-header .filter-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.grafik-kas-legend{display:flex;align-items:center;gap:24px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-text{font-size:15px;font-weight:500;color:var(--text-primary)}@media (max-width: 1024px){.sidebar{position:fixed;left:-280px!important;top:0;height:100vh;z-index:9999;transition:left .3s ease-in-out;box-shadow:4px 0 15px #0000001a}.sidebar.active{left:0!important}.main-content-wrapper{margin-left:0!important;width:100%!important;padding:15px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 5px}.page-title{font-size:1.2rem;margin-left:10px}#hamburger-btn{display:flex!important;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:1.2rem;width:40px;height:40px;border-radius:8px;cursor:pointer;box-shadow:0 2px 5px #0000000d}.transaction-table-card{overflow-x:auto;border:1px solid #f1f5f9}.transaction-row{min-width:700px;border-bottom:1px solid #f1f5f9}.cell-tanggal,.cell-nominal{white-space:nowrap}}@media (max-width: 600px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.summary-card.summary-saldo{grid-column:1 / -1}.chart-grid{grid-template-columns:1fr!important;gap:15px}.user-profile-dropdown{padding:4px 10px;background-color:#eff6ff;border-radius:20px;gap:6px}.profile-name{font-size:12px;font-weight:600;color:#1e293b;display:block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-chevron-down{font-size:10px;display:block}.profile-avatar-pojok{width:32px;height:32px;border-radius:50%;object-fit:cover}.default-avatar-pojok{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border-radius:50%;font-weight:700;font-size:14px}.header-dropdown-menu{right:-10px;left:auto;width:160px}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{display:block}.mobile-bottom-nav{display:none}@media (max-width: 768px){.sidebar,.sidebar-overlay{display:none!important}.main-content-wrapper{padding-bottom:88px!important}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;height:74px;padding:10px 14px;background-image:linear-gradient(to right,#2385f2,#52dbb1);border-top-left-radius:18px;border-top-right-radius:18px}.mobile-bottom-nav__item{flex:1;text-decoration:none;color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:12px;min-width:0}.mobile-bottom-nav__item i{font-size:20px;line-height:1}.mobile-bottom-nav__item span{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav__item.active{color:#fff}}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:240px}.main-content-wrapper{margin-left:240px;width:calc(100% - 240px)}.top-bar{padding:15px 20px}.page-title{font-size:20px}.content-area{padding:20px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:20px}.chart-grid{flex-direction:column;gap:20px}.chart-grid>.content-card:first-child,.chart-grid>.content-card:last-child{flex:1 1 auto}.top-bar-right{gap:15px;margin-right:15px}.search-bar-top{width:280px}.content-card{border-radius:12px;margin-bottom:20px}.transaction-note{display:none}.transaction-amount{margin-right:20px}.transaction-datetime{font-size:15px;min-width:auto}.notif-dropdown{right:0;width:calc(100vw - 40px);max-width:380px}.profile-dropdown{right:0;width:calc(100vw - 40px);max-width:280px}.form-group-row{margin-bottom:20px}.form-input{max-width:100%}.tab-pane{padding:20px}.stats-container{gap:15px;flex-direction:column}.stat-card{flex:1}.btn{padding:10px 18px;font-size:13px}.btn-filter,.btn-danger,.btn-primary-green{padding:8px 12px;font-size:12px}.btn-icon{width:32px;height:32px;padding:6px;font-size:14px}.btn-primary,.btn-secondary{width:100%}.notification-bell,.theme-toggle-btn{width:36px;height:36px;font-size:16px}.dialog-btn{padding:10px 20px;font-size:13px}.dialog-actions{flex-direction:column;gap:10px}}@media (max-width: 768px){body{height:auto}.sidebar{width:260px;position:fixed;left:-260px;top:0;height:100vh;z-index:9999;transition:left .3s ease-in-out;box-shadow:4px 0 15px #0003}.sidebar.active{left:0}.main-content-wrapper{margin-left:0;width:100%;height:auto;padding:10px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;gap:10px;position:sticky;top:0;z-index:100}#hamburger-btn{display:flex!important;align-items:center;justify-content:center;background:var(--bg-icon);border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.1rem;width:40px;height:40px;border-radius:8px;cursor:pointer;margin-right:8px;flex-shrink:0}#hamburger-btn:active{background:var(--bg-secondary)}.page-title{font-size:18px;font-weight:600;margin:0;flex-grow:1}.top-bar-right{display:flex;align-items:center;gap:8px;margin-right:0}.search-bar-top{display:none}.notification-bell,.theme-toggle-btn,.user-profile{width:36px;height:36px;padding:0;font-size:16px}.content-area{padding:15px 10px;margin-right:0;margin-left:0}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.summary-card.summary-saldo{grid-column:1 / -1}.summary-card{padding:16px;border-radius:12px;flex-direction:row;gap:12px}.summary-card .card-content{gap:4px}.summary-card .card-content h3{font-size:24px}.summary-card .card-content p{font-size:16px}.summary-card:not(.summary-saldo) .card-header{gap:8px}.summary-card:not(.summary-saldo) .icon-box{margin-right:0}.summary-card .card-header p{font-size:16px;letter-spacing:0}.card-trend-icon{width:40px;height:40px;font-size:18px}.trend-icon-bg{width:100%;height:120px;top:-39px}.trend-icon{width:30px;height:30px}.summary-card.summary-saldo .card-content h3{font-size:28px}.chart-grid{flex-direction:column;gap:15px;margin-bottom:15px}.chart-grid>.content-card:first-child{flex:1}.chart-grid>.content-card:last-child{flex:1}.content-card{border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px #00000014}.content-card .card-header{flex-direction:column;align-items:flex-start;padding:12px 15px;gap:10px}.card-header-persentase-kas{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap}.card-header-persentase-kas .dropdown-minimalis{margin-left:auto}.content-card .card-title{font-size:16px}.card-header-grafik-kas{flex-direction:column!important;align-items:flex-start!important;padding:12px 15px!important}.card-header-grafik-kas .card-title-with-icon{margin-top:0}.card-header-grafik-kas .grafik-kas-header{width:100%;flex-direction:column;padding:0!important}.grafik-kas-legend{margin-top:10px;gap:16px}.card-body-grafik-kas{padding:10px 15px 15px!important}#lineChartContainer{height:200px}.card-body-persentase-kas{padding:15px!important}.chart-container-horizontal{flex-direction:row;align-items:center;gap:16px}.chart-wrapper{flex:0 0 220px;width:220px;max-width:220px}#doughnutChart{max-width:200px!important;max-height:200px!important}.doughnut-legend{width:auto}.transaction-item{flex-wrap:wrap;padding:12px 0;gap:8px}.icon-circle{width:40px;height:40px;margin-right:10px;margin-left:10px}.icon-circle img{width:28px;height:28px}.transaction-details{flex-basis:calc(100% - 60px);margin-bottom:4px}.transaction-details strong{font-size:14px}.transaction-datetime,.transaction-note{display:none}.transaction-amount{font-size:16px;margin-right:10px;min-width:auto;text-align:right}.card-transaksi-terakhir{margin-bottom:20px}.card-transaksi-terakhir .card-header{padding:12px 15px}.card-transaksi-terakhir .card-body{padding:10px 0}.form-group{margin-bottom:15px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:12px;border-radius:8px}.form-input{max-width:100%;width:100%}.form-group-row{margin-bottom:15px}.form-group-row label{font-size:14px}.btn{padding:10px 20px;font-size:14px;border-radius:8px}.btn-primary,.btn-secondary{width:100%}.btn-filter,.btn-danger,.btn-primary-green,.btn-gradient,.btn-with-icon{padding:8px 12px;font-size:13px}.btn-icon{width:32px;height:32px;padding:6px}.notification-bell,.theme-toggle-btn,.user-profile{width:36px;height:36px;padding:0;font-size:14px;border-radius:6px}.dialog-btn,.btn-danger-modal{padding:10px 16px;font-size:13px;width:100%}.dialog-actions{flex-direction:column;gap:8px}.dialog-btn{min-width:auto}.btn-with-icon{padding:8px 12px;font-size:13px}.form-buttons{flex-direction:column;gap:8px}.form-buttons .btn{width:100%;padding:10px 16px}.category-delete-btn{padding:6px;font-size:14px;width:28px;height:28px}.btn-gradient-category{padding:10px 16px;font-size:13px}.btn-edit-transaction,.btn-delete-transaction{padding:6px 10px;font-size:12px;width:28px;height:28px}.sidebar-overlay{display:none}.sidebar-overlay.active{display:block}.notif-dropdown{position:fixed;right:10px;left:auto;top:50px;width:340px;max-width:calc(100vw - 20px);border-radius:12px}.profile-dropdown{position:fixed;right:10px;left:10px;top:50px;width:calc(100vw - 20px);max-width:none;border-radius:12px}.category-grid{grid-template-columns:1fr}.category-item{padding:12px 15px;border-radius:8px}.tabs-nav{margin:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{flex:0 0 auto;padding:8px 12px;font-size:13px;gap:6px}.tab-pane{padding:15px 10px}.stats-container{flex-direction:column;gap:12px}.stat-card{padding:15px;border-radius:10px;gap:6px}.dialog-box,.company-setup-modal-content{width:90%;max-width:90vw;padding:24px;border-radius:12px}.notif-list{max-height:300px;overflow-y:auto}.notif-item{padding:10px;border-radius:8px}.notif-icon{width:34px;height:34px;border-radius:8px;font-size:1rem}.notif-title{font-size:.85rem}.notif-desc{font-size:.75rem}.notif-time{font-size:.65rem}.add-category-form{flex-direction:column;gap:10px}.form-group-row.flex-grow{width:100%}.sidebar-nav a{padding:10px 16px;font-size:14px}.sidebar-nav a i{font-size:16px;margin-right:12px}.sidebar-nav a:hover{padding-right:30px;margin-right:-10px}.sidebar-nav a.active{padding:10px 30px 10px 20px;margin-right:-10px}.sidebar-logo span{font-size:20px}.upgrade-btn{padding:10px;font-size:13px}.icon-box{width:36px;height:36px;font-size:16px}.percentage-badge{font-size:12px;gap:3px;padding:2px 4px}.percentage-badge .pct-icon{width:16px;height:16px}.badge{font-size:12px;padding:6px 10px}.delete-modal-box{max-width:90vw}.delete-icon-wrapper{width:60px;height:60px;font-size:28px}.delete-title{font-size:1.2rem}.delete-message{font-size:.9rem}.user-profile-dropdown,.profile-name{display:none}}@media (max-width: 768px){.bukukas-header{align-items:center;gap:12px;padding:14px}.saldo-display-lg{flex-direction:column;align-items:flex-start;gap:12px;margin-left:0}.saldo-display-lg i{font-size:22px}.saldo-display-lg h3{font-size:21px;line-height:1.1;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.header-actions{flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;margin-right:0}.dropdown-with-icon{height:44px;padding:0 14px;border-radius:12px}#month-filter-wrapper{width:50px;height:35px;padding:0!important;border-radius:8px;justify-content:center;position:relative}#month-filter-wrapper>i.fa-calendar-days{font-size:16px;margin-right:0}#month-filter-btn{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}#month-filter-btn .btn-label,#month-filter-btn .fa-chevron-down{display:none}.btn.btn-gradient{height:44px;border-radius:12px;padding:0 14px;font-size:13px;white-space:nowrap}#btn-cetak-laporan{width:50px;height:35px;padding:0!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:0}#btn-cetak-laporan i{font-size:16px}#btn-cetak-laporan .btn-label{display:none}.bukukas-toolbar{flex-wrap:nowrap;gap:8px;margin-bottom:-2px}.toolbar-left{flex:1 1 auto;gap:10px;min-width:0}.search-bar-lg{height:44px;border-radius:14px;padding:0 12px;flex:1 1 auto;min-width:0}.search-bar-lg i{font-size:18px;margin-right:8px}.search-bar-lg input{font-size:14px;margin:0;min-width:0}.btn-filter{height:44px;width:44px;padding:0;border-radius:12px;justify-content:center;gap:0}.btn-filter .btn-label{display:none}.toolbar-actions{flex:0 0 auto;margin-right:0;gap:8px}#bulk-delete-btn{height:44px;padding:0 12px;border-radius:12px;font-size:0;gap:6px;white-space:nowrap}#bulk-delete-btn i{font-size:16px}#bulk-delete-btn #selected-count{display:none}#bulk-delete-btn:after{content:"(" attr(data-count) ")";font-size:12px;font-weight:700;line-height:1}.btn-primary-green{height:44px;padding:0 14px;border-radius:14px;font-size:13px;margin-right:0;white-space:nowrap}.page-buku-kas .main-content-wrapper{height:100dvh;overflow:hidden;padding-bottom:0!important}.page-buku-kas .content-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page-buku-kas .bukukas-header,.page-buku-kas .bukukas-toolbar{flex:0 0 auto}.page-buku-kas .bukukas-transaction-card{flex:1 1 auto;min-height:0;max-height:none}.bukukas-transaction-card .bukukas-transaction-table{display:none}.bukukas-transaction-card .transaction-card-container{display:block;padding-top:4px}.card-transaksi-terakhir .transaction-list{display:none}.card-transaksi-terakhir .transaction-card-container{display:block;padding-top:4px}.transaction-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:16px 14px;font-size:13px}.transaction-footer .footer-total{grid-column:1}.transaction-footer .footer-laba{grid-column:2;justify-self:end;white-space:nowrap}.laba-badge{font-size:13px;padding:5px 10px}.page-buku-kas .bukukas-transaction-card .transaction-card-container,.page-buku-kas .bukukas-transaction-card .bukukas-transaction-table #transaction-list-container{scrollbar-width:thin;scrollbar-color:rgba(66,156,255,.3) transparent}.page-buku-kas .bukukas-transaction-card .transaction-card-container::-webkit-scrollbar,.page-buku-kas .bukukas-transaction-card .bukukas-transaction-table #transaction-list-container::-webkit-scrollbar{width:6px}.page-buku-kas .bukukas-transaction-card .transaction-card-container::-webkit-scrollbar-track,.page-buku-kas .bukukas-transaction-card .bukukas-transaction-table #transaction-list-container::-webkit-scrollbar-track{background:transparent}.page-buku-kas .bukukas-transaction-card .transaction-card-container::-webkit-scrollbar-thumb,.page-buku-kas .bukukas-transaction-card .bukukas-transaction-table #transaction-list-container::-webkit-scrollbar-thumb{background-color:#429cff4d;border-radius:999px}}@media (max-width: 480px){.btn-primary-green .btn-label{display:none}.btn-primary-green{width:44px;padding:0;justify-content:center;gap:0}.page-buku-kas .transaction-footer{padding:10px 12px;gap:8px;font-size:12px}.page-buku-kas .transaction-footer .footer-total{line-height:1.2}.page-buku-kas .laba-badge{font-size:12px;padding:4px 8px}}@media (max-width: 599px){html{font-size:14px}body{height:auto}.main-content-wrapper{margin-left:0;width:100%;height:auto;padding:8px;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:8px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}#hamburger-btn{display:flex!important;width:36px;height:36px;font-size:1rem;margin-right:6px;flex-shrink:0}.page-title{font-size:16px;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-right{display:flex;gap:6px;margin-right:0}.notification-bell,.theme-toggle-btn,.user-profile{width:32px;height:32px;padding:0;font-size:14px;border-radius:6px}.sidebar{width:240px;left:-240px;padding:15px 12px}.sidebar.active{left:0}.sidebar-logo{margin-bottom:25px;margin-left:10px}.sidebar-logo span{font-size:18px}.sidebar-logo-img{width:45px;height:45px}.sidebar-nav a{padding:8px 12px;font-size:13px;border-radius:6px}.sidebar-nav a i{font-size:14px;margin-right:10px}.sidebar-nav a.active{padding:8px 24px 8px 16px;margin-right:-12px}.upgrade-btn{padding:8px;font-size:12px;border-radius:6px}.sidebar-footer small{font-size:11px}.content-area{padding:10px 8px;margin-right:0;margin-left:0}.summary-grid{grid-template-columns:1fr;gap:10px;margin-bottom:15px}.summary-card{padding:12px 14px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.summary-card:not(.summary-saldo) .card-header{gap:8px}.summary-card:not(.summary-saldo) .icon-box{margin-right:0}.summary-card .card-header p{font-size:14px}.summary-card .card-content h3{font-size:22px}.summary-card .card-content p{font-size:14px}.summary-card .icon-box{width:32px;height:32px}.summary-card .icon-box .icon-img{width:24px;height:24px}.summary-card.summary-saldo .card-content h3{font-size:24px}.card-trend-icon{width:35px;height:35px}.trend-icon-bg{width:100%;height:100px;top:-34px}.trend-icon{width:25px;height:25px}.chart-grid{flex-direction:column;gap:12px}.content-card{border-radius:10px;margin-bottom:12px;box-shadow:0 2px 6px #0000000f}.content-card .card-header{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:8px}.content-card .card-title{font-size:15px}.card-header-persentase-kas{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-header-persentase-kas .dropdown-minimalis{margin-left:auto}.card-header-grafik-kas{padding:10px 12px!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap}.card-header-grafik-kas .card-title-with-icon{margin-top:0}.card-header-grafik-kas .grafik-kas-header{width:auto;padding:0!important;flex-direction:column;align-items:flex-end;flex:0 0 auto}.card-header-grafik-kas .grafik-kas-header .filter-container{align-items:flex-end}.card-header-grafik-kas #dashboard-filter-wrapper{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;height:44px!important;border-radius:10px!important}.card-header-grafik-kas #dashboard-filter-btn{min-width:0!important;width:44px!important;height:44px!important;padding:0!important;background:var(--bg-primary)!important;border:1px solid rgba(15,23,42,.1)!important;border-radius:12px!important;box-shadow:0 6px 14px #0f172a14!important;justify-content:center!important}.card-header-grafik-kas #dashboard-filter-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #0f172a1a!important}.card-header-grafik-kas #dashboard-filter-btn:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px}.card-header-grafik-kas #dashboard-filter-btn span,.card-header-grafik-kas #dashboard-filter-btn i{display:none!important}.card-header-grafik-kas #dashboard-filter-btn img{margin-right:0!important;width:18px!important;height:18px!important}.card-body-grafik-kas{padding:8px 12px 12px!important}#lineChartContainer{height:180px}.card-body-persentase-kas{padding:12px!important}.chart-container-horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.chart-wrapper{flex:0 0 170px;width:170px;max-width:170px;margin:0}#doughnutChart{max-width:150px!important;max-height:150px!important}.card-body-persentase-kas .doughnut-legend{flex:1 1 auto;min-width:0;align-items:flex-start}.grafik-kas-legend{margin-top:8px;gap:10px;width:auto;justify-content:flex-end;flex-wrap:wrap}.legend-item{gap:6px}.legend-dot{width:10px;height:10px}.legend-text{font-size:12px}.card-transaksi-terakhir{margin-bottom:15px}.card-transaksi-terakhir .card-header{padding:10px 12px}.card-transaksi-terakhir .card-body{padding:8px 0}.transaction-item{padding:10px 0;gap:6px;flex-wrap:wrap}.icon-circle{width:36px;height:36px;margin-right:8px;margin-left:8px}.icon-circle img{width:24px;height:24px}.transaction-details{flex-basis:calc(100% - 50px);gap:0}.transaction-details strong{font-size:13px}.transaction-datetime,.transaction-note{display:none}.transaction-amount{font-size:14px;margin-right:8px;margin-left:auto}.form-group{margin-bottom:12px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:10px;border-radius:6px;width:100%}.form-input{width:100%;max-width:100%}.form-group-row{margin-bottom:12px}.form-group-row label{font-size:13px}.btn{padding:10px 16px;font-size:13px;border-radius:6px;width:100%}.btn-primary,.btn-secondary{width:100%}.form-buttons{flex-direction:column;gap:10px}.form-buttons .btn{width:100%}.btn-filter,.btn-danger,.btn-primary-green{padding:8px 12px;font-size:12px;width:auto}.btn-icon{width:28px;height:28px;padding:5px;font-size:12px}#hamburger-btn{width:32px;height:32px;font-size:.9rem}.notification-bell,.theme-toggle-btn,.user-profile{width:32px;height:32px;padding:0;font-size:13px}.dialog-btn,.btn-danger-modal{padding:10px 14px;font-size:12px;width:100%}.category-delete-btn{padding:5px;font-size:12px;width:24px;height:24px}.btn-gradient-category{padding:8px 12px;font-size:12px}.btn-edit-transaction,.btn-delete-transaction{padding:5px 8px;font-size:11px;width:24px;height:24px}#add-transaction-btn,#btn-cetak-laporan{padding:9px 14px;font-size:12px}#bulk-delete-btn{height:44px;padding:0 12px;border-radius:12px;font-size:0;gap:6px}#bulk-delete-btn i{font-size:16px}#bulk-delete-btn #selected-count{display:none}#bulk-delete-btn:after{content:"(" attr(data-count) ")";font-size:12px;font-weight:700;line-height:1}.tabs-nav{margin:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{flex:0 0 auto;padding:6px 10px;font-size:12px;gap:4px}.tab-pane{padding:12px 8px}.category-grid{grid-template-columns:1fr;gap:10px}.category-item{padding:10px 12px;border-radius:6px;font-size:13px}.category-section-title{font-size:14px;margin-bottom:10px}.add-category-form{flex-direction:column;gap:8px}.stats-container{flex-direction:column;gap:10px;margin-top:15px}.stat-card{padding:12px;border-radius:8px}.stat-card h2{font-size:20px}.stat-card p{font-size:12px}.badge{font-size:11px;padding:5px 8px}.notif-dropdown{position:fixed;right:8px;left:auto;top:48px;width:320px;max-width:calc(100vw - 16px);border-radius:10px;max-height:70vh}.profile-dropdown{position:fixed;right:8px;left:8px;top:48px;width:calc(100vw - 16px);max-width:none;border-radius:10px;max-height:70vh;overflow-y:auto}.notif-header{padding:10px 12px}.notif-header h3{font-size:.95rem}.mark-read{font-size:.7rem}.notif-list{max-height:220px}.dialog-box,.company-setup-modal-content{width:90%;max-width:90vw;padding:16px;border-radius:10px}.modal-overlay{height:100dvh;height:100svh;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center;justify-content:center}#kategori-modal-overlay.modal-overlay,#category-modal-overlay.modal-overlay{padding:12px 10px calc(96px + env(safe-area-inset-bottom)) 10px}#kategori-modal-overlay .modal-box,#category-modal-overlay .modal-box{max-width:420px;max-height:calc(100dvh - 140px)}#kategori-modal-overlay .modal-box>form,#category-modal-overlay .modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#kategori-modal-overlay .modal-body,#category-modal-overlay .modal-body{flex:1 1 auto;min-height:0}#kategori-modal-overlay .modal-header,#category-modal-overlay .modal-header{padding:12px 14px}#kategori-modal-overlay .modal-header h2,#category-modal-overlay .modal-header h2{font-size:16px}#kategori-modal-overlay .modal-body,#category-modal-overlay .modal-body{padding:14px;gap:14px;overflow-y:auto;-webkit-overflow-scrolling:touch}#kategori-modal-overlay .modal-footer,#category-modal-overlay .modal-footer{padding:12px 14px}#kategori-modal-overlay .btn-secondary-modal,#category-modal-overlay .btn-secondary-modal,#kategori-modal-overlay .btn-primary-modal,#category-modal-overlay .btn-primary-modal{padding:10px 14px;font-size:13px}#kategori-modal-overlay #icon-grid-container-kat,#category-modal-overlay #dynamic-icon-grid{max-height:240px;gap:10px;padding:10px}#category-modal-overlay #dynamic-icon-grid.icon-picker-container{max-height:240px;width:100%;max-width:none;margin:0;grid-template-columns:repeat(6,minmax(0,1fr));padding:10px;gap:10px}#category-modal-overlay #dynamic-icon-grid .icon-option{min-width:0;padding:4px}#category-modal-overlay #dynamic-icon-grid .icon-option:hover,#category-modal-overlay #dynamic-icon-grid .icon-option.active{transform:none}#kategori-modal-overlay .icon-option img,#category-modal-overlay #dynamic-icon-grid .icon-option img{width:32px;height:32px}#transaksi-modal-overlay.modal-overlay{padding:18px 12px calc(28px + env(safe-area-inset-bottom)) 12px}#filter-modal-overlay.modal-overlay{padding:12px 10px calc(96px + env(safe-area-inset-bottom)) 10px}#filter-modal-overlay .modal-box{width:100%!important;max-width:420px!important;max-height:calc(100dvh - 160px)}#filter-modal-overlay .modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#filter-modal-overlay .modal-body{flex:1 1 auto;min-height:0}#filter-modal-overlay .modal-header{padding:12px 14px}#filter-modal-overlay .modal-header h2{font-size:16px}#filter-modal-overlay .modal-body{padding:14px;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}#filter-modal-overlay .modal-footer{padding:12px 14px}#transaksi-modal-overlay .modal-box{width:100%!important;max-width:360px;max-height:80svh;border-radius:12px}#transaksi-modal-overlay .modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#transaksi-modal-overlay .modal-body{flex:1 1 auto;min-height:0}#transaksi-modal-overlay .modal-header{padding:8px 12px}#transaksi-modal-overlay .modal-header h2{font-size:15px}#transaksi-modal-overlay .modal-body{padding:12px;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}#transaksi-modal-overlay .modal-body{padding:10px;gap:8px}#transaksi-modal-overlay .modal-tabs{padding:4px;border-radius:999px}#transaksi-modal-overlay .modal-tab-item{padding:6px 10px;font-size:13px}#transaksi-modal-overlay .form-group-modal{gap:6px}#transaksi-modal-overlay .form-group-modal label{margin-bottom:4px;font-size:13px}#transaksi-modal-overlay .form-input-modal{padding:10px 12px;font-size:13px;border-radius:10px}#transaksi-modal-overlay .btn-secondary-modal,#transaksi-modal-overlay .btn-primary-modal{padding:10px 12px;font-size:13px}#transaksi-modal-overlay .modal-footer{padding:8px 12px}#transaksi-modal-overlay .ocr-box{margin-bottom:8px!important;padding:8px!important;border-radius:10px!important}#transaksi-modal-overlay .ocr-box p:last-of-type{margin:4px 0 0!important;line-height:1.2!important}#transaksi-modal-overlay .ocr-box p{font-size:11px!important}#transaksi-modal-overlay #btn-scan-ocr{padding:7px 12px!important;font-size:12.5px!important}#transaksi-modal-overlay #modal-tx-catatan{min-height:76px}#print-laporan-overlay.modal-overlay{padding:12px 10px calc(96px + env(safe-area-inset-bottom)) 10px}#print-laporan-overlay .modal-box{width:100%!important;max-width:420px!important;max-height:calc(100dvh - 220px)!important;border-radius:12px}#print-laporan-overlay .modal-box>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}#print-laporan-overlay .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto}#print-laporan-overlay .modal-header{padding:12px 14px!important}#print-laporan-overlay .modal-header h2{font-size:16px!important}#print-laporan-overlay .modal-body{padding:12px 14px!important;-webkit-overflow-scrolling:touch}#print-laporan-overlay .modal-body>div:not(#print-preview-container){margin-bottom:12px!important;padding:12px!important}#print-laporan-overlay #print-preview-container{padding:14px!important;min-height:180px!important}#print-laporan-overlay .modal-footer{padding:12px 14px!important}.dialog-icon{width:50px;height:50px;font-size:28px;margin-bottom:12px}.dialog-message{font-size:13px}.dialog-actions{flex-direction:column;gap:8px}.dialog-btn{padding:10px 16px;font-size:13px;width:100%;min-width:auto}.icon-box{width:32px;height:32px;font-size:14px}.percentage-badge{font-size:11px;gap:2px}.percentage-badge .pct-icon{width:14px;height:14px}#delete-modal-overlay.modal-overlay{padding:12px 10px calc(96px + env(safe-area-inset-bottom)) 10px}.delete-modal-box{max-width:90vw;width:100%;max-height:calc(100vh - 220px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 12px}.delete-icon-wrapper{width:50px;height:50px;font-size:24px;margin:0 auto 12px}.delete-title{font-size:1.1rem;margin-bottom:8px}.delete-message{font-size:.85rem;line-height:1.45;margin-bottom:14px}.text-danger-warning{font-size:.8rem;padding:6px;margin-top:8px}.delete-footer{flex-direction:column;gap:8px}.btn-danger-modal{width:100%}.auth-container{flex-direction:column;border-radius:0;box-shadow:none;width:100vw;height:100vh}.auth-left{flex:0 0 auto;height:30vh;padding:20px}.auth-right{flex:1;padding:20px 15px;align-items:flex-start}.auth-form{max-width:100%}.auth-form h2{font-size:22px;margin-bottom:20px}.form-group input{font-size:16px;padding:12px;border-radius:8px}.user-profile-dropdown{padding:3px 8px;background-color:#eff6ff;border-radius:18px;gap:5px;min-width:auto}.profile-name{font-size:11px;font-weight:600;color:#1e293b;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.fa-chevron-down{font-size:9px;display:block}.profile-avatar-pojok,.default-avatar-pojok{width:28px;height:28px;font-size:12px}.profile-name,.search-bar-top{display:none}}@media (max-width: 479px){#kategori-modal-overlay .modal-box,#category-modal-overlay .modal-box{max-width:360px;max-height:calc(100vh - 150px)}#kategori-modal-overlay .modal-body,#category-modal-overlay .modal-body{padding:12px;gap:12px}#kategori-modal-overlay #icon-grid-container-kat,#category-modal-overlay #dynamic-icon-grid{max-height:210px;gap:8px;padding:8px}#category-modal-overlay #dynamic-icon-grid.icon-picker-container{grid-template-columns:repeat(6,minmax(0,1fr))}#category-modal-overlay #dynamic-icon-grid .icon-option img{width:28px;height:28px}#transaksi-modal-overlay .modal-box{max-width:360px;max-height:calc(100vh - 150px)}#transaksi-modal-overlay .modal-body{padding:12px;gap:12px}#filter-modal-overlay .modal-box{max-width:360px!important;max-height:calc(100vh - 180px)}#filter-modal-overlay .modal-body{padding:12px;gap:10px}#print-laporan-overlay .modal-box{max-width:360px!important;max-height:calc(100vh - 260px)!important}#print-laporan-overlay #print-preview-container{padding:12px!important;min-height:160px!important}.delete-modal-box{max-height:calc(100vh - 240px);padding:12px}.delete-icon-wrapper{width:44px;height:44px;font-size:20px;margin-bottom:10px}.delete-title{font-size:1.02rem}.delete-message{font-size:.82rem}html{font-size:13px}.main-content-wrapper{padding:6px}.top-bar{padding:8px;gap:6px}#hamburger-btn{width:32px;height:32px;font-size:.9rem}.page-title{font-size:14px}.top-bar-right{gap:4px}.notification-bell,.theme-toggle-btn,.user-profile{width:30px;height:30px;font-size:12px}.sidebar{width:220px;left:-220px;padding:12px 10px}.sidebar-logo{margin-bottom:20px;margin-left:8px}.sidebar-logo span{font-size:16px}.sidebar-logo-img{width:40px;height:40px}.sidebar-nav a{padding:6px 10px;font-size:12px}.content-area{padding:8px 6px}.summary-grid{gap:8px;margin-bottom:12px}.summary-card{padding:10px 12px;border-radius:8px}.summary-card .card-content h3{font-size:18px}.content-card{margin-bottom:10px;border-radius:8px}.form-group{margin-bottom:10px}.form-group input,.form-group textarea,.form-group select{font-size:16px;padding:10px}.btn{padding:8px 14px;font-size:12px}.transaction-item{padding:8px 0}.icon-circle{width:32px;height:32px;margin-right:6px;margin-left:6px}.icon-circle img{width:20px;height:20px}.transaction-amount{font-size:13px;margin-right:6px}.dialog-box,.company-setup-modal-content{padding:16px}#lineChartContainer{height:150px}#doughnutChart{max-width:120px!important;max-height:120px!important}.auth-left{height:25vh;padding:15px}.auth-right{padding:15px 12px}.logo-container{width:40px;height:40px}.logo{width:80px}}@media (max-width: 479px){.btn{padding:8px 12px;font-size:12px;border-radius:5px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}.btn-filter,.btn-danger,.btn-primary-green{padding:6px 10px;font-size:11px}.btn-icon{width:26px;height:26px;padding:4px;font-size:11px}#hamburger-btn{width:30px;height:30px;font-size:.85rem;padding:4px}.notification-bell,.theme-toggle-btn,.user-profile{width:30px;height:30px;padding:0;font-size:12px}.dialog-btn,.btn-danger-modal{padding:8px 12px;font-size:11px;width:100%}.category-delete-btn,.btn-edit-transaction,.btn-delete-transaction{width:22px;height:22px;padding:3px;font-size:10px}.btn-gradient-category{padding:6px 10px;font-size:11px}#add-transaction-btn,#btn-cetak-laporan{padding:8px 12px;font-size:11px}#bulk-delete-btn{height:44px;padding:0 10px;font-size:0;gap:6px}#bulk-delete-btn i{font-size:16px}#bulk-delete-btn #selected-count{display:none}#bulk-delete-btn:after{content:"(" attr(data-count) ")";font-size:12px;font-weight:700;line-height:1}.form-buttons{flex-direction:column;gap:8px}.form-buttons .btn{padding:8px 12px;font-size:12px}.dialog-box,.company-setup-modal-content{width:95%;max-width:95vw;padding:14px;border-radius:8px}.dialog-icon{width:45px;height:45px;font-size:24px;margin-bottom:10px}.dialog-message{font-size:12px}.dialog-actions{flex-direction:column;gap:7px}.delete-modal-box{width:95%;max-width:95vw}.delete-icon-wrapper{width:45px;height:45px;font-size:20px}.delete-title{font-size:1rem}.delete-message{font-size:.8rem}.delete-footer{flex-direction:column;gap:7px}.tabs-nav{margin:5px 0}.tab-item{flex:0 0 auto;padding:5px 8px;font-size:11px;gap:3px}.navbar{padding:10px;gap:6px}.navbar-content{gap:8px}.navbar-right{gap:4px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group textarea,.form-group select{font-size:15px;padding:8px;border-radius:5px}.form-group-row{margin-bottom:10px}.form-group-row label{font-size:12px}.summary-card{padding:9px 10px;border-radius:6px}.summary-card .card-content h3{font-size:16px;margin:4px 0}.summary-card .card-content p{font-size:11px}.summary-grid{gap:7px;margin-bottom:10px}.content-card{margin-bottom:8px;padding:10px;border-radius:6px}.content-card-header{font-size:13px;padding:8px 0}.icon-box{width:28px;height:28px;font-size:13px}.icon-circle{width:28px;height:28px;margin-right:5px;margin-left:5px}.icon-circle img{width:18px;height:18px}.badge{font-size:10px;padding:4px 6px}.percentage-badge{font-size:10px;gap:2px}.percentage-badge .pct-icon{width:12px;height:12px}#lineChartContainer{height:120px}#doughnutChart{max-width:100px!important;max-height:100px!important}.transaction-item{padding:7px 0;font-size:12px}.transaction-amount{font-size:11px;margin-right:5px}.category-grid{grid-template-columns:1fr;gap:8px}.category-item{padding:8px 10px;border-radius:5px;font-size:12px}.category-section-title{font-size:13px;margin-bottom:8px}.notif-dropdown{right:6px;left:auto;width:300px;max-width:calc(100vw - 12px)}.profile-dropdown{right:6px;left:6px;width:calc(100vw - 12px);max-width:none}.content-area{padding:6px 5px}body{font-size:13px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px}p{font-size:12px}.main-header{margin-bottom:12px}.page-title{font-size:16px}}@media (max-width: 768px){.top-bar{padding:12px 14px!important;box-shadow:0 2px 10px var(--shadow-color)!important}.page-title{font-size:20px!important;font-weight:600!important;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-bar-right{gap:10px!important;margin-right:0!important}.notification-bell{width:38px!important;height:38px!important;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center}.user-profile-dropdown{display:inline-flex;align-items:center;gap:8px!important;padding:6px 10px!important;border-radius:999px!important;background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}.profile-name{font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-avatar-pojok,.default-avatar-pojok{width:32px;height:32px}.user-profile-dropdown .fa-chevron-down{margin-left:0!important}}@media (max-width: 480px){.profile-name{max-width:95px}}@media (max-width: 768px){.page-buku-kas .header-actions{gap:10px}.page-buku-kas #month-filter-wrapper{width:44px!important;height:44px!important;padding:0!important;border-radius:12px!important;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:visible}.page-buku-kas #month-filter-wrapper,.page-buku-kas #month-filter-btn,.page-buku-kas #btn-cetak-laporan{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.page-buku-kas #month-filter-wrapper>i.fa-calendar-days{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;font-size:16px;pointer-events:none}.page-buku-kas #month-filter-btn{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;min-width:0!important;width:44px!important;height:44px!important}.page-buku-kas #month-filter-btn .btn-label,.page-buku-kas #month-filter-btn .fa-chevron-down{display:none!important}.page-buku-kas #month-filter-menu{position:fixed!important;top:var(--month-menu-top, 0px);left:var(--month-menu-left, 0px);right:auto;width:min(280px,calc(100vw - 32px))!important;max-height:min(60vh,420px);overflow:auto;z-index:10050!important}.page-buku-kas #btn-cetak-laporan{width:44px!important;height:44px!important;padding:0!important;border-radius:12px!important;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.page-buku-kas #btn-cetak-laporan .btn-label{display:none!important}.page-buku-kas #btn-cetak-laporan i{font-size:16px}}