:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--rose-50: #fff1f2;--rose-100: #ffe4e6;--rose-500: #f43f5e;--rose-600: #e11d48;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-600: #d97706;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #0f172a;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--border-subtle: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-main);position:relative}.sidebar{width:260px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;padding:1.25rem 1rem;z-index:50;box-shadow:1px 0 4px #00000005}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .25rem 1.15rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.brand-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-600),#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #4f46e540}.brand-info{display:flex;flex-direction:column;min-width:0}.brand-header-row{display:flex;align-items:center;gap:.35rem}.brand-title{font-size:1.05rem;font-weight:700;color:var(--slate-900);white-space:nowrap}.brand-badge{font-size:.65rem;background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);padding:1px 5px;border-radius:var(--radius-full);font-weight:700;letter-spacing:.04em}.brand-subtitle{font-size:.72rem;color:var(--slate-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-year-box{background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .75rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.3rem}.sidebar-year-label{display:flex;align-items:center;gap:.35rem;font-size:.725rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em}.sidebar-year-select{width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .5rem;font-size:.85rem;font-weight:700;color:var(--slate-800);cursor:pointer;outline:none;transition:border-color .15s ease}.sidebar-year-select:focus{border-color:var(--primary-500)}.sidebar-section{display:flex;flex-direction:column;margin-bottom:1.25rem}.sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--slate-400);padding:0 .5rem .5rem;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--slate-600);background:transparent;border:none;cursor:pointer;transition:all .15s ease;position:relative;text-align:left}.sidebar-nav-item:hover{background:var(--slate-100);color:var(--slate-900)}.sidebar-nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--primary-600)}.sidebar-nav-icon{color:var(--slate-400);flex-shrink:0;transition:color .15s ease}.sidebar-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-active-indicator{position:absolute;right:0;top:15%;height:70%;width:3.5px;background:var(--primary-600);border-radius:4px 0 0 4px}.sidebar-pill-badge{font-size:.65rem;background:var(--emerald-50);color:var(--emerald-700);border:1px solid var(--emerald-200);padding:1px 6px;border-radius:var(--radius-full);font-weight:700}.sidebar-footer{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;background:var(--slate-50);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:1rem}.sidebar-footer-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--slate-600);flex-shrink:0}.sidebar-footer-text{min-width:0}.sidebar-footer-title{font-size:.75rem;font-weight:600;color:var(--slate-800);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-subtitle{font-size:.68rem;color:var(--slate-500)}.app-content-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1550px;width:100%;padding:2rem 2.25rem;margin:0 auto}.grid-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem;width:100%}.summary-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.15rem;display:flex!important;flex-direction:row!important;align-items:center;gap:.9rem;box-shadow:0 1px 3px #00000008;transition:transform .15s ease,box-shadow .15s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.summary-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.summary-icon.purple{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.summary-icon.emerald{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.summary-icon.rose{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.summary-label{font-size:.775rem;font-weight:600;color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-value{font-size:1.4rem;font-weight:800;color:var(--slate-900);line-height:1.2;margin-top:2px}.summary-meta{font-size:.725rem;color:var(--slate-400);margin-top:2px}.year-selector-badge{display:flex;align-items:center;gap:.5rem;background:var(--slate-100);padding:.35rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border)}.year-select{background:transparent;border:none;font-size:.875rem;font-weight:700;color:var(--slate-800);cursor:pointer;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),#4338ca);color:#fff;box-shadow:0 2px 6px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 4px 12px #4f46e559}.btn-emerald{background:linear-gradient(135deg,var(--emerald-600),#047857);color:#fff;box-shadow:0 2px 6px #05966940}.btn-emerald:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #05966959}.btn-outline{background:#fff;border-color:var(--slate-300);color:var(--slate-700)}.btn-outline:hover{background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.btn-sm{padding:.4rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-danger-ghost{background:transparent;color:var(--rose-600);border:none;padding:.4rem;border-radius:var(--radius-sm)}.btn-danger-ghost:hover{background:var(--rose-50)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s ease}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:1.1rem;font-weight:700;color:var(--slate-900);display:flex;align-items:center;gap:.5rem}.card-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.75rem}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card.blue:before{background:var(--primary-500)}.kpi-card.emerald:before{background:var(--emerald-500)}.kpi-card.rose:before{background:var(--rose-500)}.kpi-card.amber:before{background:var(--amber-500)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.kpi-label{font-size:.85rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em}.kpi-icon-badge{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-icon-badge.blue{background:var(--primary-50);color:var(--primary-600)}.kpi-icon-badge.emerald{background:var(--emerald-50);color:var(--emerald-600)}.kpi-icon-badge.rose{background:var(--rose-50);color:var(--rose-600)}.kpi-icon-badge.amber{background:var(--amber-50);color:var(--amber-600)}.kpi-value{font-family:var(--font-display);font-size:1.65rem;font-weight:700;color:var(--slate-900);margin-bottom:.35rem}.kpi-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.15rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.825rem;font-weight:600;color:var(--slate-700)}.form-label span.req{color:var(--rose-500)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;color:var(--slate-900);background-color:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f126}.input-rupiah-wrapper{position:relative;display:flex;align-items:center}.rupiah-prefix{position:absolute;left:.85rem;font-size:.875rem;font-weight:700;color:var(--slate-400);pointer-events:none}.input-rupiah-wrapper .form-input{padding-left:2.75rem;font-family:var(--font-display);font-weight:600}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:var(--slate-50);color:var(--slate-600);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--slate-800)}.data-table tr:hover td{background-color:#fcfdfe}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;white-space:nowrap}.badge-in{background:var(--emerald-50);color:var(--emerald-700);border:1px solid var(--emerald-100)}.badge-out{background:var(--rose-50);color:var(--rose-700);border:1px solid var(--rose-100)}.badge-tag{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200)}.badge-partial{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.badge-overdue{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.badge-reconciled{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:600;cursor:pointer;transition:all .15s ease}.badge-unreconciled{background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:500;cursor:pointer;transition:all .15s ease}.badge-unreconciled:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.is-table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;transition:all .2s ease}.is-table-container.is-sticky-active{overflow:auto;max-height:calc(100vh - 200px);min-height:480px}.is-table-container.is-sticky-disabled{overflow-x:auto;max-height:none}.is-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.825rem;font-variant-numeric:tabular-nums}.is-table thead{position:sticky;top:0;z-index:25}.is-table th{background:#0f172a;color:#fff;padding:.75rem .65rem;text-align:right;font-weight:600;border-bottom:2px solid #334155;border-right:1px solid #1e293b;border-top:none;white-space:nowrap;position:sticky;top:0;z-index:20}.is-table th.col-account{text-align:left;position:sticky;left:0;top:0;z-index:35;background:#0f172a;min-width:280px;border-right:2px solid #334155}.is-table th.col-total{position:sticky;top:0;z-index:20;background:#1e293b}.is-table td{padding:.55rem .65rem;text-align:right;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);white-space:nowrap;color:var(--slate-700);background:#fff}.is-table td.col-account{text-align:left;position:sticky;left:0;z-index:10;background:#fff;font-weight:500;color:var(--slate-900);border-right:2px solid var(--border)}.is-table tr:hover td{background-color:#f8fafc}.is-table tr:hover td.col-account{background-color:#f1f5f9}.is-table tr.row-major-header td{background:var(--slate-100);font-weight:700;color:var(--slate-900)}.is-table tr.row-major-header td.col-account{background:var(--slate-100)}.is-table tr.row-subtotal td{background:#f1f5f9;font-weight:700;border-top:1px solid var(--slate-400);border-bottom:1px solid var(--slate-400);color:var(--slate-900)}.is-table tr.row-subtotal td.col-account{background:#f1f5f9}.is-table tr.row-grand-total td{background:#e2e8f0;font-weight:800;font-size:.875rem;border-top:2px solid var(--slate-700);border-bottom:3px double var(--slate-900);color:var(--slate-900)}.is-table tr.row-grand-total td.col-account{background:#e2e8f0}.is-table tr.row-percentage td{background:#f8fafc;color:var(--slate-500);font-style:italic;font-size:.775rem}.is-table tr.row-percentage td.col-account{background:#f8fafc}.is-table tr.row-spacer td{height:12px;background:#fff;border-left:none;border-right:none}.is-table tr.row-spacer td.col-account{background:#fff}.is-table td.col-total{font-weight:700;background-color:#f8fafc}.is-table .indent-1{padding-left:1.75rem!important}.is-table .indent-2{padding-left:2.75rem!important}.grid-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem!important;margin-bottom:.25rem}@media (max-width: 1024px){.grid-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.grid-summary{grid-template-columns:1fr!important}}.summary-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.85rem!important;padding:.9rem 1.15rem!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.summary-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.blue{background:#eff6ff;color:#2563eb}.summary-icon.purple{background:#f5f3ff;color:#7c3aed}.summary-icon.emerald{background:#ecfdf5;color:#059669}.summary-icon.rose{background:#fff1f2;color:#e11d48}.summary-info{display:flex;flex-direction:column;min-width:0}.summary-label{font-size:.725rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-value{font-size:1.3rem;font-weight:700;font-family:var(--font-display);color:var(--slate-900);line-height:1.2;margin-top:.15rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem}.modal-card{background:#fff;border-radius:var(--radius-lg);max-width:540px;width:100%;box-shadow:var(--shadow-xl);overflow:hidden;animation:modalPop .2s ease-out}@keyframes modalPop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--slate-50);border-top:1px solid var(--border)}@media print{@page{size:A4 portrait;margin:10mm 12mm}body:has(#printable-invoice) *{visibility:hidden}body:has(#printable-invoice) #printable-invoice,body:has(#printable-invoice) #printable-invoice *{visibility:visible}body:has(#printable-invoice) .modal-overlay,body:has(#printable-invoice) .modal-card{position:static!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important}#printable-invoice{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;background:#fff!important;color:#0f172a!important;overflow:visible!important;box-shadow:none!important;border:none!important;z-index:999999!important}.sidebar,.navbar-wrapper,.no-print,.btn,.nav-tabs,.year-selector-badge,.modal-header{display:none!important}.app-layout{display:block!important}.app-content-wrapper{display:block!important;width:100%!important}body,.main-content{background:#fff!important;padding:0!important;margin:0!important;max-width:100%!important}.card{border:none!important;box-shadow:none!important;padding:0!important}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}.is-table-container{overflow:visible!important;max-height:none!important;border:none!important;box-shadow:none!important}.is-table thead,.is-table th,.is-table th.col-account,.is-table td.col-account{position:static!important}}