*{margin:0;padding:0;box-sizing:border-box}:root{--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--warm-50: #faf9f7;--warm-100: #f5f0eb;--warm-200: #ede5db;--warm-300: #d9cec3;--warm-400: #b8a99a;--warm-500: #8c7b6e;--warm-600: #6b5c51;--warm-700: #4a3d35;--warm-800: #2e2520;--warm-900: #1a1410;--gray-50: #faf9f7;--gray-100: #f5f0eb;--gray-200: #ede5db;--gray-300: #d9cec3;--gray-400: #b8a99a;--gray-500: #8c7b6e;--gray-600: #6b5c51;--gray-700: #4a3d35;--gray-800: #2e2520;--gray-900: #1a1410;--green-500: #22c55e;--green-100: #dcfce7;--red-500: #ef4444;--red-100: #fee2e2;--blue-500: #3b82f6;--blue-100: #dbeafe;--purple-500: #a855f7;--purple-100: #f3e8ff;--sidebar-bg: #ffffff;--sidebar-border: #f1e5d8;--sidebar-text: #6b5c51;--sidebar-text-hover: #2e2520;--sidebar-active-bg: #fff1e7;--sidebar-active-text: #c2410c;--content-bg: #ffffff;--card-bg: #faf9f7;--white: #faf9f7;--shadow-sm: 0 1px 2px rgba(80,50,30,.06);--shadow: 0 1px 3px rgba(80,50,30,.09), 0 1px 2px rgba(80,50,30,.06);--shadow-md: 0 4px 12px rgba(80,50,30,.09), 0 2px 4px rgba(80,50,30,.06);--shadow-lg: 0 10px 24px rgba(80,50,30,.1), 0 4px 8px rgba(80,50,30,.06);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--content-bg);color:var(--warm-800);line-height:1.5;font-size:14px}#root{width:100%;min-height:100vh;text-align:left;margin:0;max-width:none;border:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none;border:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--orange-400)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.page-header{margin-bottom:28px}.page-header h1{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.3px}.page-header p{color:var(--gray-500);font-size:13.5px;margin-top:3px}.page-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100)}.card-body{padding:20px 24px}.card-header{padding:16px 24px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:15px;font-weight:600;color:var(--gray-800)}.card-subtitle{font-size:12.5px;color:var(--gray-400);margin-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--gray-100)}.stat-label{font-size:12.5px;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2}.stat-change{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;margin-top:6px;padding:2px 7px;border-radius:20px}.stat-change.up{color:var(--green-500);background:var(--green-100)}.stat-change.down{color:var(--red-500);background:var(--red-100)}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon.orange{background:var(--orange-100);color:var(--orange-600)}.stat-icon.green{background:var(--green-100);color:var(--green-500)}.stat-icon.blue{background:var(--blue-100);color:var(--blue-500)}.stat-icon.red{background:var(--red-100);color:var(--red-500)}.stat-icon.purple{background:var(--purple-100);color:var(--purple-500)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:18px}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:11.5px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:12px 14px;font-size:13.5px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--orange-50)}.data-table td.amount{font-weight:600;font-variant-numeric:tabular-nums}.data-table td.debit{color:var(--green-500)}.data-table td.credit{color:var(--red-500)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.badge.success{background:var(--green-100);color:var(--green-500)}.badge.danger{background:var(--red-100);color:var(--red-500)}.badge.info{background:var(--blue-100);color:var(--blue-500)}.badge.warning{background:var(--orange-100);color:var(--orange-600)}.badge.neutral{background:var(--gray-100);color:var(--gray-600)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:500;transition:all .15s}.btn-primary{background:var(--orange-500);color:#fff}.btn-primary:hover{background:var(--orange-600)}.btn-outline{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--gray-500);padding:6px 10px}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-700)}.btn-sm{padding:5px 12px;font-size:12.5px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:5px}.form-control{width:100%;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13.5px;color:var(--gray-800);background:#fff;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--orange-400);box-shadow:0 0 0 3px #f973161a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-bar .form-control{width:auto;min-width:140px}.summary-row td{font-weight:700;color:var(--gray-900)!important;background:var(--orange-50)!important;border-top:2px solid var(--orange-200)!important}.empty-state{text-align:center;padding:48px 20px;color:var(--gray-400)}.empty-state svg{width:48px;height:48px;margin:0 auto 12px;display:block;opacity:.4}.chart-container{padding:16px 0 8px}.section-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px}.section-divider span{font-size:13px;font-weight:600;color:var(--gray-600);white-space:nowrap}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.neraca-split{display:grid;grid-template-columns:1fr 1fr;gap:0}.neraca-col{padding:20px 24px}.neraca-col+.neraca-col{border-left:1px solid var(--gray-100)}.neraca-col h3{font-size:13.5px;font-weight:700;color:var(--orange-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--orange-200)}.neraca-item{display:flex;justify-content:space-between;padding:7px 0;font-size:13.5px;border-bottom:1px solid var(--gray-50)}.neraca-item:last-child{border-bottom:none}.neraca-item.sub{padding-left:14px;color:var(--gray-600)}.neraca-item.total{font-weight:700;color:var(--gray-900);background:var(--orange-50);padding:8px 10px;border-radius:var(--radius-sm);margin-top:8px}.neraca-item .amount{font-weight:500;font-variant-numeric:tabular-nums}.lr-section{margin-bottom:20px}.lr-section h3{font-size:13px;font-weight:700;color:var(--orange-600);text-transform:uppercase;letter-spacing:.5px;padding:10px 0 6px;border-bottom:2px solid var(--orange-200);margin-bottom:4px}.lr-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13.5px;border-bottom:1px solid var(--gray-50)}.lr-row.indent{padding-left:16px;color:var(--gray-600)}.lr-row.subtotal{font-weight:600;color:var(--gray-800);border-top:1px solid var(--gray-200)}.lr-row.total{font-weight:700;font-size:15px;color:var(--gray-900);background:var(--orange-50);padding:10px 12px;border-radius:var(--radius);margin-top:8px}.lr-row.profit{color:var(--green-500)}.lr-row.loss{color:var(--red-500)}