:root{--bg:#f4f7f7;--surface:#fff;--surface-2:#eef3f3;--text:#142023;--text-muted:#647177;--border:#e2e8e8;--primary:#17798c;--primary-dark:#0f4c5c;--primary-soft:#e4f1f2;--accent:#f2b134;--accent-soft:#fdf1da;--danger:#e0453a;--danger-soft:#fbe7e5;--success:#1fae7a;--success-soft:#e4f6ee;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #0f1e210d, 0 1px 3px #0f1e210f;--shadow-md:0 4px 10px #0f1e210f, 0 12px 24px #0f1e2114;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Manrope", var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#10181a;--surface:#182325;--surface-2:#1f2c2e;--text:#eef4f4;--text-muted:#8ea1a5;--border:#26363a;--primary:#2ba7bd;--primary-dark:#1a8fa3;--primary-soft:#17313a;--accent-soft:#3a3220;--danger-soft:#3a2220;--success-soft:#17352a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 24px #0006}}:root[data-theme=dark]{--bg:#10181a;--surface:#182325;--surface-2:#1f2c2e;--text:#eef4f4;--text-muted:#8ea1a5;--border:#26363a;--primary:#2ba7bd;--primary-dark:#1a8fa3;--primary-soft:#17313a;--accent-soft:#3a3220;--danger-soft:#3a2220;--success-soft:#17352a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit;color:inherit}button{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}#root{min-height:100svh}.app-shell{flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.app-header-title{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex;overflow:hidden}.app-logo{border-radius:var(--radius-sm);width:28px;height:28px}.login-logo{border-radius:var(--radius-md);width:60px;height:60px;box-shadow:var(--shadow-md)}.app-header-user{align-items:center;gap:4px;display:flex}.avatar{border:2px solid var(--border);border-radius:50%;width:28px;height:28px;margin-left:4px}.app-main{flex-direction:column;flex:1;gap:20px;padding:18px 16px 92px;display:flex}.tab-bar{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #0f1e210f}.tab-btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:11.5px;font-weight:600;display:flex}.tab-icon-wrap{border-radius:999px;justify-content:center;align-items:center;width:38px;height:26px;transition:background-color .18s,color .18s;display:flex}.tab-btn-active{color:var(--primary-dark)}.tab-btn-active .tab-icon-wrap{background:var(--primary-soft);color:var(--primary)}.loading-screen,.login-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.login-glow{background:radial-gradient(circle at 25% 15%, color-mix(in srgb, var(--primary) 28%, transparent), transparent 55%), radial-gradient(circle at 80% 85%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 50%);filter:blur(10px);pointer-events:none;z-index:0;position:absolute;inset:-20%}.login-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px;padding:36px 28px 30px;display:flex;position:relative}.theme-toggle-floating{top:calc(env(safe-area-inset-top,0px) + 16px);z-index:2;position:absolute;right:16px}.login-screen h1{font-family:var(--font-display);letter-spacing:-.01em;margin:14px 0 2px;font-size:26px;font-weight:800}.login-screen p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.login-features{border-top:1px solid var(--border);text-align:left;flex-direction:column;gap:10px;width:100%;margin:24px 0 0;padding:18px 0 0;list-style:none;display:flex}.login-features li{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.login-features svg{color:var(--primary);flex-shrink:0}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:700;transition:transform .1s,background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 35%, transparent)}.btn-primary:not(:disabled):hover,.btn-primary:not(:disabled):active{background:var(--primary-dark)}.btn-google{background:var(--surface);color:var(--text);border:1px solid var(--border);width:100%}.btn-google:not(:disabled):hover{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.btn-icon{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn-icon:disabled:hover{background:0 0}.btn-delete:hover{color:var(--danger);background:var(--danger-soft)}.btn-edit:hover{color:var(--primary);background:var(--primary-soft)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{background:var(--surface-2)}.expense-form-editing{color:var(--primary-dark);background:var(--primary-soft);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.expense-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px;display:flex}.form-row{gap:8px;display:flex}.form-row input,.form-row select{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--text);flex:1;padding:11px 12px;font-size:14.5px;transition:border-color .15s}.form-row input:focus,.form-row select:focus{border-color:var(--primary);outline:none}.form-row .btn{flex:1}.month-selector{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:280px;margin:0 auto;padding:6px 8px;display:flex}.month-label{font-family:var(--font-display);text-transform:capitalize;text-align:center;flex:1;font-weight:700}.total-card{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:4px;padding:24px;display:flex;position:relative;overflow:hidden}.total-card:after{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-50px}.total-card span{color:#ffffffd9;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;font-weight:700;position:relative}.total-card strong{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:34px;font-weight:800;position:relative}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:12.5px;font-weight:700}.category-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.chart-legend{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.category-manager{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.category-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 10px;font-size:13px;font-weight:600;display:flex}.category-chip-name{white-space:nowrap}.category-chip-input{border:1.5px solid var(--primary);background:var(--bg);width:90px;color:var(--text);font:inherit;border-radius:6px;padding:3px 6px;font-weight:600}.category-chip .btn-icon{padding:3px}.category-add-form{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:flex}.category-add-form input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:0;color:var(--text);flex:1;padding:9px 12px;font-size:14px}.category-add-form input:focus{border-color:var(--primary);outline:none}.category-add-form .btn-icon{background:var(--primary-soft);color:var(--primary)}.category-add-form .btn-icon:disabled{opacity:.4;cursor:not-allowed}.budget-summary{flex-direction:column;gap:12px;display:flex}.budget-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:15px;transition:box-shadow .15s,transform .15s}.budget-row-top{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.budget-category{font-weight:700}.budget-limit{font-size:13px}.budget-edit input{border:1.5px solid var(--primary);border-radius:var(--radius-sm);background:var(--bg);width:100px;color:var(--text);padding:5px 8px}.budget-bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.budget-bar-fill{background:var(--success);border-radius:4px;height:100%;transition:width .2s}.budget-bar-fill.budget-bar-near{background:var(--accent)}.budget-bar-fill.budget-bar-over{background:var(--danger)}.budget-row-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;display:flex}.budget-row.budget-over{border-color:var(--danger)}.budget-alert{color:var(--danger);align-items:center;gap:4px;font-weight:700;display:inline-flex}.expense-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.expense-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:8px;padding:13px 14px;transition:box-shadow .15s,transform .15s;display:flex}.expense-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.expense-main{flex-direction:column;gap:3px;min-width:0;display:flex}.expense-category{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.expense-date,.expense-note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.expense-side{flex-shrink:0;align-items:center;gap:2px;display:flex}.expense-amount{font-family:var(--font-display);white-space:nowrap;margin-right:4px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty-state svg{color:var(--text-muted);opacity:.6}.empty-state p{max-width:240px;margin:0;font-size:13.5px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:13px 14px;display:flex}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{font-family:var(--font-display);font-size:21px;font-weight:800}.stat-value-sm{font-size:15px}.stat-up{color:var(--danger)}.stat-down{color:var(--success)}.reports{flex-direction:column;gap:16px;display:flex}.reports-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:18px;display:flex}.reports-field{color:var(--text-muted);flex-direction:column;flex:1;gap:5px;font-size:12px;display:flex}.reports-field input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:10px 12px}.reports-field input:focus{border-color:var(--primary);outline:none}.reports-preview{flex-direction:row;justify-content:space-between;align-items:center}.reports-preview-label{color:var(--text-muted);font-size:13px}.reports-preview-total{font-family:var(--font-display);font-size:22px;font-weight:800}.field-error{color:var(--danger);margin:0;font-size:13px;font-weight:600}.offline-banner{background:var(--accent-soft);color:var(--text);border-bottom:1px solid color-mix(in srgb, var(--accent) 60%, transparent);text-align:center;padding:9px 16px;font-size:13px;font-weight:600}.toast-stack{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:440px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow-md);text-align:center;padding:12px 16px;font-size:14px;font-weight:600}.toast-error{background:var(--danger)}.toast-success{background:var(--success)}@media (width>=640px){body{background:radial-gradient(circle at 30% 20%,#e4ecec,#c9d4d5 70%);min-height:100vh}:root[data-theme=dark] body{background:radial-gradient(circle at 30% 20%,#1a2426,#05090a 70%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:radial-gradient(circle at 30% 20%,#1a2426,#05090a 70%)}}.app-shell,.login-screen,.loading-screen{border:10px solid #0c1116;border-radius:46px;width:412px;height:min(860px,94vh);min-height:0;margin:24px auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #00000073,inset 0 0 0 1px #ffffff0d}.login-screen:before,.loading-screen:before{content:"";z-index:20;background:#0c1116;border-radius:0 0 16px 16px;width:90px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.app-main{overflow-y:auto}.tab-bar{width:100%;position:absolute;bottom:0;left:0;right:0;transform:none}.toast-stack{width:calc(100% - 64px);top:56px}}