@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-base: #141417;--bg-deep: #0e0e11;--bg-card: #1c1c22;--bg-card-hover: #22222a;--bg-tag: #252530;--border-subtle: #1e1e26;--border-soft: #25252f;--border-mid: #2e2e3a;--border-strong: #3a3a48;--border-hover: #52526a;--border-warn: #2a2010;--border-danger: #3a1a1a;--text-primary: #f0ede8;--text-secondary: #c8c6d0;--text-muted: #8a8898;--text-dim: #727080;--text-faint: #585868;--text-label: #484858;--text-ghost: #8f8fa1;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-float: 0 8px 32px rgba(0,0,0,.5);--scrollbar-track: #0e0e11;--scrollbar-thumb: #2a2a38;--select-bg: #1c1c22;--sidebar-bg: #0e0e11;--sidebar-border: #1a1a22;--notif-bg: #0e1f10;--notif-border: #1a3a1e}[data-theme=light]{--bg-base: #f0ece4;--bg-deep: #e8e4dc;--bg-card: #faf8f4;--bg-card-hover: #ffffff;--bg-tag: #ede9e1;--border-subtle: #ddd9d0;--border-soft: #d4d0c8;--border-mid: #c8c4bc;--border-strong: #b8b4ac;--border-hover: #908c84;--border-warn: #f0e8d0;--border-danger: #f0dada;--text-primary: #1c1a16;--text-secondary: #38362e;--text-muted: #58564e;--text-dim: #68665e;--text-faint: #78766e;--text-label: #88867e;--text-ghost: #a0988e;--shadow-card: 0 2px 12px rgba(0,0,0,.06);--shadow-float: 0 8px 32px rgba(0,0,0,.1);--scrollbar-track: #e8e4dc;--scrollbar-thumb: #c0bcb4;--select-bg: #faf8f4;--sidebar-bg: #e8e4dc;--sidebar-border: #d4d0c8;--notif-bg: #e8f5e8;--notif-border: #c0d8c0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}input,select,textarea{outline:none}button{cursor:pointer}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.02em;transition:all .15s;color:var(--text-faint);border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--text-primary);background:#80808012}.nav-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:14px;padding:20px;box-shadow:var(--shadow-card)}.stat-card{background:var(--bg-card);border:1px solid var(--border-mid);border-radius:14px;padding:18px 22px;box-shadow:var(--shadow-card);transition:box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-float)}.input-field{background:var(--bg-deep);border:1px solid var(--border-strong);border-radius:8px;padding:9px 12px;color:var(--text-primary);font-family:var(--font-body, "IBM Plex Mono", monospace);font-size:12px;width:100%;transition:border .15s,box-shadow .15s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.btn-primary{background:var(--accent);color:var(--bg-deep);border:none;border-radius:8px;padding:9px 18px;font-family:var(--font-body, "IBM Plex Mono", monospace);font-size:12px;font-weight:600;letter-spacing:.04em;transition:filter .15s,box-shadow .15s;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-primary:hover{opacity:.9;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);border-radius:8px;padding:7px 14px;font-family:var(--font-body, "IBM Plex Mono", monospace);font-size:11px;transition:all .15s}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);background:#8080800d}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.06em}.badge-aset{background:#60a5fa1f;color:#60a5fa}.badge-liabilitas{background:#fb923c1f;color:#fb923c}.badge-ekuitas{background:#a78bfa1f;color:#a78bfa}.badge-pendapatan{background:#34d3991f;color:#34d399}.badge-beban{background:#f871711f;color:#f87171}.badge-masuk{background:#34d3991f;color:#34d399}.badge-keluar{background:#f871711f;color:#f87171}.table-row{display:grid;padding:10px 16px;border-bottom:1px solid var(--border-subtle);align-items:center;font-size:11px;transition:background .1s}.table-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.table-header{display:grid;padding:9px 16px;font-size:10px;letter-spacing:.08em;color:var(--text-ghost);font-weight:600;border-bottom:1px solid var(--border-mid);text-transform:uppercase;background:var(--bg-deep)}.section-title{font-family:var(--font-heading, "Playfair Display", serif);font-size:22px;color:var(--text-primary);letter-spacing:-.01em}.label{font-size:10px;color:var(--text-label);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.tag{font-size:10px;background:var(--bg-tag);border:1px solid var(--border-strong);border-radius:6px;padding:2px 8px;color:var(--text-faint)}.notif{position:fixed;top:20px;right:20px;background:var(--notif-bg);border:1px solid var(--notif-border);border-radius:10px;padding:12px 18px;font-size:11px;color:#34d399;z-index:9999;display:flex;align-items:center;gap:8px;animation:slideIn .25s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-float)}@keyframes slideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.debit-val{color:#60a5fa}.kredit-val{color:#f87171}.positive{color:#34d399}.negative{color:#f87171}select option{background:var(--select-bg);color:var(--text-primary)}