@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--color-primary:#6c63ff;--color-secondary:#a855f7;--color-accent:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#080b12;font-family:Inter,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0e1220}::-webkit-scrollbar-thumb{background:#2d3748;border-radius:2px}.nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#94a3b8;background:#131929}.nav-item.active{color:var(--color-accent);background:#1a2035}.stat-card{border-radius:14px;padding:18px 16px;position:relative;overflow:hidden}.stat-card.balance{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}.stat-card.income{background:#0d2218;border:1px solid #14532d30}.stat-card.expense{background:#1f0d14;border:1px solid #4c051930}.card{background:#0e1220;border:1px solid #1e2535;border-radius:14px;padding:18px}.card-title{color:#c4b8ff;margin-bottom:16px;font-size:13px;font-weight:600}.txn-item{border-bottom:1px solid #1e2535;align-items:center;gap:12px;padding:12px 0;display:flex}.txn-item:last-child{border-bottom:none}.txn-item:hover{opacity:.85}.filter-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #1e2535;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.filter-btn.active{color:var(--color-accent);background:#1a2035;border-color:#4a4470}.filter-btn:hover:not(.active){color:#94a3b8;border-color:#2d3748}.add-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.submit-btn:hover{opacity:.9}.del-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:all .2s}.del-btn:hover{color:#fb7185;background:#fb71851a}.edit-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:all .2s}.edit-btn:hover{color:var(--color-accent);background:#a78bfa1a}input,select,textarea{color:#e2e8f0;background:#131929;border:1px solid #1e2535;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:none;height:72px}select option{background:#131929}label{color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.type-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #1e2535;border-radius:10px;flex:1;padding:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.type-btn.income.active{color:#4ade80;background:#4ade801a;border-color:#4ade80}.type-btn.expense.active{color:#fb7185;background:#fb71851a;border-color:#fb7185}.type-btn:hover:not(.active){color:#94a3b8;border-color:#2d3748}.bar-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.bottom-nav{z-index:100;background:#0e1220;border-top:1px solid #1e2535;justify-content:space-around;align-items:center;height:64px;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;font-family:Inter,sans-serif;font-size:11px;transition:all .15s;display:flex}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-item i{font-size:22px}@media (min-width:768px){.bottom-nav{display:none!important}.sidebar-desktop{display:flex!important}.main-content{padding:28px 32px!important}}@media (max-width:767px){.sidebar-desktop{display:none!important}.bottom-nav{display:flex!important}.main-content{padding:16px 16px 80px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.dashboard-grid{grid-template-columns:1fr!important}.laporan-summary{grid-template-columns:1fr 1fr!important}}