:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", sans-serif;--bg-app:#eef2f6;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#ffffffbf;--border-color:#fffc;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--success:#10b981;--success-bg:#e6f4ea;--success-border:#a7f3d0;--danger:#f43f5e;--danger-bg:#fce8e6;--danger-border:#fecdd3;--warning:#f59e0b;--warning-bg:#fef7e0;--clay-card-shadow:10px 14px 28px #4f46e512, -8px -8px 20px #fffffff2, inset 3px 3px 6px #fff, inset -3px -3px 6px #4f46e50a;--clay-btn-shadow:6px 8px 16px #4f46e54d, inset 2px 2px 4px #fff6, inset -2px -2px 4px #00000026;--clay-btn-in:linear-gradient(145deg, #10b981, #059669);--clay-btn-in-shadow:6px 8px 16px #10b9814d, inset 2px 2px 4px #fff6, inset -2px -2px 4px #00000026;--clay-btn-out:linear-gradient(145deg, #f43f5e, #e11d48);--clay-btn-out-shadow:6px 8px 16px #f43f5e4d, inset 2px 2px 4px #fff6, inset -2px -2px 4px #00000026;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-full:9999px;--sidebar-width:270px;--transition-fast:all .18s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app:#0b0f19;--bg-card:#141c2e;--bg-card-hover:#1b253b;--bg-glass:#141c2ed9;--border-color:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f126;--success:#34d399;--success-bg:#10b98126;--success-border:#10b9814d;--danger:#fb7185;--danger-bg:#f43f5e26;--danger-border:#f43f5e4d;--clay-card-shadow:12px 16px 32px #00000073, -6px -6px 16px #ffffff08, inset 2px 2px 4px #ffffff0f, inset -2px -2px 4px #00000080;--clay-btn-shadow:6px 8px 16px #0006, inset 2px 2px 4px #ffffff40, inset -2px -2px 4px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.ambient-glow-1{z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-150px;left:20%}.ambient-glow-2{z-index:0;pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#10b9811a 0%,#0000 70%);width:500px;height:500px;position:fixed;bottom:-150px;right:15%}.desktop-layout{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.desktop-sidebar{width:var(--sidebar-width);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-right:1.5px solid var(--border-color);z-index:30;transition:var(--transition-smooth);flex-direction:column;padding:28px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}@media (width<=900px){.desktop-sidebar{display:none}}.sidebar-brand{align-items:center;gap:14px;margin-bottom:36px;padding:0 8px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-nav-btn{border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.sidebar-nav-btn:hover{background:var(--primary-light);color:var(--primary);transform:translate(4px)}.sidebar-nav-btn.active{color:#fff;border-radius:var(--radius-md);background:linear-gradient(145deg,#6366f1,#4f46e5);box-shadow:6px 8px 18px #4f46e559,inset 2px 2px 4px #ffffff59}.desktop-main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}@media (width<=900px){.desktop-main-wrapper{margin-left:0;padding-bottom:80px}}.top-header{padding:20px 36px;padding-top:calc(20px + env(safe-area-inset-top,24px));z-index:20;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--border-color);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}@media (width<=900px){.top-header{padding-left:16px!important;padding-right:16px!important;padding-top:calc(48px + env(safe-area-inset-top,36px))!important;padding-bottom:14px!important}}.brand-box{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(145deg, var(--primary) 0%, #818cf8 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:4px 6px 14px #4f46e559,inset 2px 2px 4px #fff6}.brand-title{background:linear-gradient(135deg, var(--text-main) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.header-actions{align-items:center;gap:10px;display:flex}.icon-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-card);width:42px;height:42px;color:var(--text-main);cursor:pointer;box-shadow:var(--clay-card-shadow);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--primary-light);color:var(--primary);transform:translateY(-2px)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--clay-card-shadow);transition:var(--transition-smooth)}.glass-card:hover{border-color:#6366f159}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 36px}@media (width<=900px){.main-content{padding:18px 20px}}.desktop-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.desktop-grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}@media (width<=900px){.desktop-grid-2,.desktop-grid-3{grid-template-columns:1fr;gap:18px}}.bottom-nav{display:none}@media (width<=900px){.bottom-nav{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-top:1.5px solid var(--border-color);z-index:30;grid-template-columns:repeat(4,1fr);height:72px;padding:0 8px;display:grid;position:fixed;bottom:0;left:0;right:0}}.nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.725rem;font-weight:600;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:32px;height:3px;position:absolute;top:0}.balance-card{color:#fff;background:linear-gradient(135deg,#312e81 0%,#4338ca 50%,#4f46e5 100%);border:2px solid #fff3;border-radius:32px;padding:32px;position:relative;overflow:hidden;box-shadow:12px 18px 36px #4338ca66,inset 3px 3px 6px #ffffff59}.balance-card:before{content:"";background:#ffffff1f;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.balance-label{color:#ffffffd9;align-items:center;gap:6px;margin-bottom:8px;font-size:.925rem;font-weight:500;display:flex}.balance-amount{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:24px;font-size:2.6rem;font-weight:800}.balance-stats-grid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000038;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:1fr 1fr;gap:16px;padding:18px 22px;display:grid}.stat-item{align-items:center;gap:14px;display:flex}.stat-icon-wrapper{border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 2px 2px 4px #ffffff4d}.stat-icon-wrapper.in{color:#34d399;background:#10b9814d}.stat-icon-wrapper.out{color:#fb7185;background:#f43f5e4d}.stat-title{color:#ffffffbf;font-size:.775rem;font-weight:500}.stat-value{font-size:1.05rem;font-weight:700}.quick-actions-row{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.action-btn{cursor:pointer;transition:var(--transition-fast);border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:16px 22px;font-size:.975rem;font-weight:800;display:flex}.action-btn.in{background:var(--clay-btn-in);box-shadow:var(--clay-btn-in-shadow);color:#fff}.action-btn.out{background:var(--clay-btn-out);box-shadow:var(--clay-btn-out-shadow);color:#fff}.action-btn:hover{filter:brightness(1.05);transform:translateY(-3px)}.action-btn:active{transform:translateY(1px)scale(.98)}.tx-item{background:var(--bg-card);border:1.5px solid var(--border-color);box-shadow:var(--clay-card-shadow);transition:var(--transition-fast);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;display:flex}.tx-item:hover{background:var(--bg-card-hover);transform:translate(4px)}.tx-left{align-items:center;gap:14px;display:flex}.tx-cat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex;box-shadow:inset 2px 2px 4px #fff6,inset -2px -2px 4px #0000001a}.tx-info{flex-direction:column;display:flex}.tx-title{color:var(--text-main);font-size:.95rem;font-weight:700}.tx-sub{color:var(--text-muted);align-items:center;gap:8px;margin-top:3px;font-size:.775rem;display:flex}.tx-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tx-amount{font-family:var(--font-heading);font-size:1.05rem;font-weight:800}.tx-amount.in{color:var(--success)}.tx-amount.out{color:var(--danger)}.tx-actions{opacity:.8;transition:var(--transition-fast);gap:6px;display:flex}.tx-item:hover .tx-actions{opacity:1}.small-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px}.small-btn:hover{color:var(--primary);background:var(--primary-light)}.small-btn.delete:hover{color:var(--danger);background:var(--danger-bg)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:50;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:28px;width:100%;max-width:520px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 24px 60px #00000059}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-title{font-size:1.3rem;font-weight:800}.form-group{margin-bottom:18px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.825rem;font-weight:700;display:block}.form-input,.form-select{border:1.5px solid var(--border-color);background:var(--bg-app);width:100%;color:var(--text-main);font-family:var(--font-primary);transition:var(--transition-fast);border-radius:16px;outline:none;padding:14px 18px;font-size:.95rem;font-weight:600;box-shadow:inset 2px 2px 5px #0000000a}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.type-toggle-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.type-toggle-btn{border:1.5px solid var(--border-color);background:var(--bg-app);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;display:flex}.type-toggle-btn.active.in{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.type-toggle-btn.active.out{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.submit-btn{width:100%;box-shadow:var(--clay-btn-shadow);color:#fff;cursor:pointer;transition:var(--transition-fast);background:linear-gradient(145deg,#6366f1,#4f46e5);border:1px solid #ffffff4d;border-radius:18px;padding:16px;font-size:1rem;font-weight:800}.submit-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);padding:4px 10px;font-size:.725rem;font-weight:700}.badge.in{background:var(--success-bg);color:var(--success)}.badge.out{background:var(--danger-bg);color:var(--danger)}.live-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-green;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-icon{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (width<=900px){body{overflow-x:hidden}.desktop-sidebar{display:none!important}.desktop-main-wrapper{margin-left:0!important;padding-bottom:90px!important}.main-content{padding:16px 18px!important}.top-header{padding:14px 18px!important}.balance-card{border-radius:24px!important;padding:22px 20px!important}.balance-amount{font-size:2rem!important}.desktop-grid-2{grid-template-columns:1fr!important;gap:18px!important}.balance-stats-grid{grid-template-columns:1fr!important;gap:12px!important}.quick-actions-row{grid-template-columns:1fr 1fr!important;gap:12px!important}.action-btn{border-radius:16px!important;padding:14px 12px!important;font-size:.85rem!important}.brand-title{font-size:1.2rem!important}.brand-icon{width:38px!important;height:38px!important}.bottom-nav{height:72px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1.5px solid var(--border-color)!important;z-index:100!important;grid-template-columns:repeat(4,1fr)!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.nav-item{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:6px 0!important;font-size:.775rem!important;font-weight:700!important;display:flex!important}}@media (width<=480px){.main-content{padding:12px 14px!important}.balance-card{padding:18px 16px!important}.balance-amount{font-size:1.75rem!important}.quick-actions-row{grid-template-columns:1fr 1fr!important;gap:10px!important}.action-btn{padding:12px 8px!important;font-size:.8rem!important}.modal-card{width:94%!important;max-height:90vh!important;padding:20px 18px!important;overflow-y:auto!important}}