@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0b10;--bg-secondary:#121420;--bg-card:#181c2fa6;--bg-input:#1b1e32;--accent-cyan:#00f5d4;--accent-purple:#7b2cbf;--accent-glow:#00f5d426;--color-inflow:#00f5d4;--color-inflow-emerald:#10b981;--color-outflow:#ff4757;--color-outflow-rose:#f43f5e;--color-warning-amber:#f59e0b;--text-main:#f1f2f6;--text-muted:#8b92b0;--border-glass:#ffffff14;--shadow-premium:0 16px 48px 0 #0009;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#7b2cbf0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00f5d40d 0%,#0000 40%);justify-content:center;min-height:100vh;display:flex;overflow-x:hidden}#root{background-color:var(--bg-secondary);border-left:1px solid var(--border-glass);border-right:1px solid var(--border-glass);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;box-shadow:0 0 60px #000c}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);border-radius:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00f5d44d}50%{box-shadow:0 0 30px #00f5d499}}@keyframes pulseGlowRed{0%,to{box-shadow:0 0 15px #ff47574d}50%{box-shadow:0 0 30px #ff475799}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-up{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideUp}h1{letter-spacing:-.5px;font-size:24px;font-weight:700}h2{color:var(--text-main);font-size:18px;font-weight:600}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-glass);width:100%;color:var(--text-main);transition:var(--transition-smooth);border-radius:12px;outline:none;padding:14px 16px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-glow)}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), #5e17eb);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 15px #7b2cbf4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7b2cbf80}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-smooth);border-radius:16px;padding:16px;font-size:16px;font-weight:600}.btn-secondary:hover{background:#ffffff0d}.category-btn{background:var(--bg-input);border:1px solid var(--border-glass);aspect-ratio:1;cursor:pointer;transition:var(--transition-smooth);color:var(--text-main);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.category-btn:hover{border-color:var(--accent-cyan);background:#00f5d40d;transform:scale(1.05)}.category-btn.active{border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-glow);background:#00f5d41a}.tx-item{border-bottom:1px solid var(--border-glass);transition:var(--transition-smooth);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tx-item:hover{background:#ffffff05}.period-selector{scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.period-selector::-webkit-scrollbar{display:none}.period-tab{background:var(--bg-input);border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500}.period-tab.active{background:var(--text-main);color:var(--bg-primary);border-color:var(--text-main)}.quick-actions-bar{background:linear-gradient(to top, var(--bg-secondary) 80%, transparent);z-index:10;justify-content:space-between;gap:16px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.action-btn-minus,.action-btn-plus{color:#fff;cursor:pointer;height:56px;transition:var(--transition-smooth);border:none;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.action-btn-minus{background:var(--color-outflow);box-shadow:0 4px 15px #ff47574d}.action-btn-minus:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475780}.action-btn-plus{background:var(--color-inflow);box-shadow:0 4px 15px #2ed5734d}.action-btn-plus:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ed57380}.quick-tap-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;width:100%;display:grid}.side-menu-overlay{z-index:1000;background:#0009;justify-content:flex-start;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.side-menu-drawer{background:var(--bg-secondary);border-right:1px solid var(--border-glass);flex-direction:column;width:80%;max-width:320px;height:100%;animation:.3s cubic-bezier(.4,0,.2,1) slideLeft;display:flex;box-shadow:10px 0 40px #0009}@keyframes slideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-menu-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.side-menu-content{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.side-menu-item{color:var(--text-main);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}.side-menu-item:hover{border-color:var(--border-glass);color:var(--accent-cyan);background:#ffffff08}.side-menu-item.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f5d414}.app-container{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.app-body{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.desktop-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-glass);z-index:10;flex-direction:column;width:260px;height:100vh;display:flex}.desktop-sidebar .side-menu-drawer{width:100%!important;max-width:100%!important;height:100%!important;box-shadow:none!important;border-right:none!important;animation:none!important}.sheet-modal{background:var(--bg-secondary);z-index:100;flex-direction:column;gap:16px;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=768px){#root{width:100vw!important;max-width:100%!important;box-shadow:none!important;border:none!important}body{background-image:radial-gradient(circle at 10% 20%,#7b2cbf14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00f5d414 0%,#0000 40%)}.app-container{grid-template-columns:260px 1fr!important;width:100vw!important;display:grid!important;overflow:hidden!important}.app-body{height:100vh!important;overflow-y:hidden!important}footer,header button{display:none!important}main{padding-bottom:30px!important}.sheet-modal{border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-premium)!important;-webkit-backdrop-filter:blur(25px)!important;background:#121420f2!important;border-radius:24px!important;max-width:900px!important;height:calc(100vh - 80px)!important;inset:60px 20px 20px 280px!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:12px;animation:1.8s cubic-bezier(.4,0,.6,1) infinite shimmer}@keyframes springPop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.modal-backdrop-blur{-webkit-backdrop-filter:blur(16px);background:#080a12bf}.modal-spring-enter{animation:.35s cubic-bezier(.16,1,.3,1) forwards springPop}.highlight-inflow{background:linear-gradient(90deg,#10b9810f 0%,#0000 100%);border-left:4px solid var(--color-inflow-emerald)!important}.highlight-outflow{background:linear-gradient(90deg,#f43f5e0f 0%,#0000 100%);border-left:4px solid var(--color-outflow-rose)!important}.highlight-amber-warning{border:1px solid var(--color-warning-amber)!important;box-shadow:0 0 20px #f59e0b40!important}@keyframes strokeDraw{to{stroke-dashoffset:0}}@keyframes scaleCheckmark{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:3px;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeDraw}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.4s cubic-bezier(.65,0,.45,1) .5s forwards strokeDraw,.4s cubic-bezier(.175,.885,.32,1.275) .6s scaleCheckmark}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}