*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f1f4f9;--card: #ffffff;--text: #16202b;--text-2: #5c6774;--text-3: #94a0ad;--border: #e8edf3;--accent: #0ea47a;--accent-bg: #e0f5ec;--accent-dark: #0b7a5c;--grad: linear-gradient(135deg, #12b981 0%, #0a9396 100%);--danger: #e5484d;--danger-bg: #fdecec;--warning: #b7791f;--warning-bg: #fdf3e0;--radius: 18px;--shadow: 0 1px 2px rgba(18, 42, 66, .05), 0 6px 20px rgba(18, 42, 66, .07);--shadow-lift: 0 2px 4px rgba(18, 42, 66, .06), 0 12px 32px rgba(18, 42, 66, .12)}html,body{height:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-feature-settings:"tnum" on}#root{min-height:100%}.app{max-width:520px;margin:0 auto;padding:18px 16px calc(96px + env(safe-area-inset-bottom));min-height:100vh}h1{font-size:23px;font-weight:800;letter-spacing:-.4px}h2{font-size:18px;font-weight:700;letter-spacing:-.2px}h3{font-size:15px;font-weight:700}.num,.tx-amount,.amount-input{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--card);border:none;border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow);animation:rise .28s ease-out both}.hero{background:linear-gradient(135deg,#1c2521,#143528 55%,#0f5c44);color:#fff;position:relative;overflow:hidden;border-radius:22px;box-shadow:0 12px 30px #142e2447;--accent-dark: #ffffff;--accent-bg: rgba(255, 255, 255, .14);--danger: #ffb3b0;--text-2: rgba(255, 255, 255, .8);--text-3: rgba(255, 255, 255, .7);--accent: #7cd9be}.hero:before{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:#7cd9be1a}.hero:after{content:"";position:absolute;right:30px;bottom:-110px;width:190px;height:190px;border-radius:50%;background:#7cd9be0f}.hero>*{position:relative;z-index:1}.hero .tiny,.hero .muted{color:#ffffffc7}.tile{background:var(--card);border-radius:16px;padding:13px 15px;min-width:0;box-shadow:var(--shadow)}.muted{color:var(--text-2);font-size:13px}.tiny{color:var(--text-3);font-size:12px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}button{font-family:inherit;font-size:15px;font-weight:600;border:none;background:#eaeff5;color:var(--text);border-radius:13px;padding:10px 15px;cursor:pointer;transition:filter .15s,transform .08s,box-shadow .15s}button:hover{filter:brightness(.97)}button:active{transform:scale(.96)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 14px #0ea47a59}.btn-primary:disabled{opacity:.45;box-shadow:none}.btn-ghost{background:transparent;color:var(--text-2);padding:6px 10px;font-weight:500}.btn-danger{color:var(--danger);background:var(--danger-bg)}.btn-sm{font-size:13px;padding:6px 12px;border-radius:10px}input,select,textarea{font-family:inherit;font-size:16px;border:1.5px solid transparent;background:#eef2f7;color:var(--text);border-radius:12px;padding:11px 13px;width:100%;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #0ea47a24}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin:13px 0 5px}.tabbar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:496px;background:#ffffffdb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:22px;box-shadow:var(--shadow-lift);display:flex;justify-content:space-around;padding:7px 6px;z-index:40}.tabbar button{flex:1;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;color:var(--text-3);padding:7px 2px;border-radius:14px;transition:background .2s,color .2s}.tabbar button.active{color:var(--accent-dark);background:var(--accent-bg)}.tabbar .ico{font-size:21px;line-height:1}.fab{position:fixed;right:max(18px,calc(50% - 242px));bottom:calc(84px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:50%;background:var(--grad);color:#fff;font-size:0;box-shadow:0 6px 20px #0ea47a73;z-index:41;padding:0}.fab:before,.fab:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:2px}.fab:before{width:24px;height:3px}.fab:after{width:3px;height:24px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d192473;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--card);border-radius:26px 26px 0 0;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:22px 20px calc(22px + env(safe-area-inset-bottom));animation:slideUp .25s cubic-bezier(.2,.9,.3,1)}@keyframes slideUp{0%{transform:translateY(60px);opacity:.5}to{transform:none;opacity:1}}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset{background:#eef2f7;border-radius:14px;padding:11px 4px;text-align:center;font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:3px;align-items:center}.preset .ico{font-size:23px}.preset.active{background:var(--accent-bg);color:var(--accent-dark);box-shadow:inset 0 0 0 1.5px var(--accent)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cat-chip{background:#eef2f7;border-radius:14px;padding:9px 4px;text-align:center;font-size:11.5px;font-weight:600;display:flex;flex-direction:column;gap:2px;align-items:center;color:var(--text-2)}.cat-chip .ico{font-size:21px}.cat-chip.active{background:var(--accent-bg);color:var(--accent-dark);box-shadow:inset 0 0 0 1.5px var(--accent)}.tx-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.tx-row:last-child{border-bottom:none}.tx-ico{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.tx-amount{font-weight:700;white-space:nowrap;font-size:14.5px}.tx-amount.income{color:var(--accent-dark)}.progress{height:9px;background:#e8edf3;border-radius:6px;overflow:hidden}.progress>div{height:100%;border-radius:6px;background:var(--accent);transition:width .4s cubic-bezier(.2,.9,.3,1)}.progress>div.over{background:var(--danger)}.seg{display:flex;background:#e8edf4;border-radius:13px;padding:3px;gap:2px}.seg button{flex:1;background:transparent;border-radius:10px;font-size:13px;font-weight:600;padding:8px 4px;color:var(--text-2)}.seg button.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #122a421f}.banner{background:var(--warning-bg);color:var(--warning);border-radius:14px;padding:11px 14px;font-size:13.5px;font-weight:600;margin-bottom:14px;box-shadow:var(--shadow);animation:rise .28s ease-out both}.pill{font-size:12px;font-weight:700;padding:3px 11px;border-radius:20px;background:var(--accent-bg);color:var(--accent-dark);white-space:nowrap}.pill.warn{background:var(--warning-bg);color:var(--warning)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.empty{text-align:center;padding:34px 16px;color:var(--text-3);font-size:14px}.empty .ico{font-size:42px;display:block;margin-bottom:8px}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-nav button{background:#eef2f7;font-size:18px;color:var(--text-2);padding:4px 14px;border-radius:10px}.month-nav .label{font-weight:700;font-size:15px;text-transform:capitalize}.legend{display:flex;flex-direction:column;gap:8px;margin-top:12px}.legend-row{display:flex;align-items:center;gap:8px;font-size:13.5px}.legend-dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}.amount-input{font-size:38px;font-weight:700;text-align:center;border:none;background:transparent;width:100%;padding:4px;letter-spacing:-1px}.amount-input:focus{border:none;background:transparent;box-shadow:none}@media (min-width: 560px){body{background:#e7ecf3}.app{background:var(--bg);min-height:100vh;border-radius:0 0 24px 24px;box-shadow:0 0 40px #122a4214}}