:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10251f;background:#f4f7ef;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#d1fae5,transparent 38%),#f4f7ef}button,input,select{font:inherit}button{border:0;cursor:pointer}input,select{width:100%;border:1px solid #d9e4d2;border-radius:14px;padding:13px 14px;background:#fff;color:#10251f;outline:none}input:focus,select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98129}.shell{width:min(100%,760px);margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px calc(156px + env(safe-area-inset-bottom))}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);display:grid;gap:14px;background:#ffffffe6;border-radius:30px;padding:24px;box-shadow:0 20px 55px #10251f2e}.login-card h1{font-size:34px}.login-card p{color:#60736d;margin:-6px 0 4px}.app-mark{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#10251f;color:#ecfdf5;font-weight:950;font-size:24px;letter-spacing:-.08em}.app-icon,.login-icon,.header-icon{display:block;border-radius:50%;object-fit:cover;filter:drop-shadow(0 12px 22px rgba(146,101,18,.28))}.login-icon{width:96px;height:96px;justify-self:center;margin-bottom:2px}.header-icon{width:46px;height:46px;flex:0 0 auto}.pin-input{font-size:28px;font-weight:900;letter-spacing:.18em;text-align:center}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:8px 2px 12px}.compact-hero{position:sticky;top:0;z-index:20;margin:0 -14px;padding:10px 16px 8px;background:#f4f7efdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0 0 4px;color:#527067;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}h1{margin:0;font-size:clamp(24px,6vw,38px);line-height:1;letter-spacing:-.04em;text-transform:capitalize}.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;font-weight:900;font-size:12px;white-space:nowrap}.pill.safe{color:#064e3b;background:#a7f3d0}.pill.watch{color:#713f12;background:#fde68a}.pill.danger{color:#7f1d1d;background:#fecaca}.balance-card{border-radius:28px;background:#10251f;color:#ecfdf5;padding:20px;box-shadow:0 18px 42px #10251f3d}.balance-card span,.balance-card small{display:block;color:#b7d7ca}.balance-card strong{display:block;font-size:clamp(36px,10vw,64px);letter-spacing:-.07em;margin:7px 0 5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.metrics div,.card{background:#ffffffdb;border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:14px;box-shadow:0 10px 26px #10251f12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metrics span{display:block;color:#60736d;font-size:11px;font-weight:800}.metrics strong{display:block;margin-top:5px;font-size:clamp(14px,3.7vw,20px);letter-spacing:-.04em}.card{margin:10px 0}.section-title{font-weight:950;letter-spacing:-.03em;font-size:18px;margin-bottom:10px}.quick,.compact{display:grid;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.money-input{display:flex;align-items:center;gap:8px;border-radius:20px;background:#fff;border:1px solid #d9e4d2;padding-left:15px}.money-input span{font-size:25px;font-weight:950;color:#10b981}.money-input input{border:0;box-shadow:none;font-size:33px;font-weight:950;letter-spacing:-.05em;padding:12px 12px 12px 0}.primary,form button,.upload-button{width:100%;border-radius:17px;padding:14px 15px;background:#10b981;color:#06251b;font-weight:950;text-align:center}.upload-button{display:block;background:#d1fae5;border:2px dashed #10b981}.upload-button input{display:none}.scanner p,.install-card p{margin:-3px 0 12px;color:#60736d;line-height:1.35}.hint{margin-top:8px;padding:10px 12px;border-radius:14px;background:#fef3c7;color:#713f12;font-weight:800}.danger-hint{background:#fee2e2;color:#7f1d1d}.hint span{display:block;margin-top:3px;font-weight:650}.empty{color:#60736d;margin:8px 0 0;font-weight:700}.row{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #e5ece2}.row:last-child{border-bottom:0}.row span,.history-main span{font-weight:850;min-width:0}.row small,.history-main small,.budget-row small{display:block;color:#60736d;margin-top:3px;font-weight:650;line-height:1.25}.audit-note{display:block;color:#6b7f78;font-size:11px;font-weight:750;line-height:1.25}.small-copy{margin:-4px 0 6px;color:#60736d;line-height:1.35}.owner-panel{margin-top:12px;padding:12px;border-radius:18px;background:#ecfdf5;border:1px solid #a7f3d0}.activity-item{padding:9px 0;border-bottom:1px solid #e5ece2}.activity-item:last-child{border-bottom:0}.activity-item span{display:block;font-weight:850}.activity-item small{display:block;color:#60736d;margin-top:3px;font-size:11px}.row b,.history-main b{white-space:nowrap}.row b.income,.history-main b.income{color:#047857}.row b.expense,.history-main b.expense{color:#b91c1c}.mini{width:auto;padding:9px 11px;border-radius:999px;background:#e4ece0;color:#10251f;font-weight:850}.mini[disabled]{opacity:.55;cursor:not-allowed}.mini.danger{background:#fee2e2;color:#991b1b}.primary-mini{background:#10b981;color:#06251b}.inline-amount{max-width:92px;padding:9px;border-radius:999px}.bar-row{display:grid;grid-template-columns:86px 1fr auto;gap:9px;align-items:center;margin:11px 0;font-size:14px}.bar-row div,.progress{height:10px;border-radius:999px;background:#e4ece0;overflow:hidden}.bar-row i,.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#84cc16)}.goal{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid #e5ece2}.goal:last-child{border-bottom:0}.goal div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.goal span{color:#60736d;font-weight:850;text-align:right}.history-item{padding:12px 0;border-bottom:1px solid #e5ece2}.history-item:last-child{border-bottom:0}.history-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:9px;flex-wrap:wrap}.inline-edit{display:grid;gap:9px;padding:10px;border-radius:18px;background:#f4f7ef}.budget-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid #e5ece2}.budget-row:last-child{border-bottom:0}.budget-row .progress{grid-column:1 / -1}.alerts-card{display:grid;gap:8px}.alert{width:100%;text-align:left;border-radius:16px;padding:12px;font-weight:900;line-height:1.25}.alert.danger{background:#fee2e2;color:#7f1d1d}.alert.watch{background:#fef3c7;color:#713f12}.alert.safe{background:#dcfce7;color:#14532d}.pie-card{display:grid;gap:12px}.pie-chart{width:min(72vw,290px);aspect-ratio:1;border-radius:50%;margin:0 auto;display:grid;place-items:center;box-shadow:inset 0 0 0 18px #ffffffbf,0 18px 42px #10251f2e}.pie-chart span{width:48%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;color:#10251f;font-weight:950;font-size:14px;text-align:center;padding:10px;box-shadow:0 10px 28px #10251f1f}.pie-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pie-legend button{display:grid;grid-template-columns:auto 1fr;gap:7px 8px;align-items:center;text-align:left;padding:10px;border-radius:16px;background:#f4f7ef;color:#10251f;font-weight:850}.pie-legend i{width:12px;height:12px;border-radius:50%}.pie-legend b{grid-column:2;color:#60736d;font-size:12px}.pie-detail{margin-top:0}.month-chart{display:grid;gap:12px}.month-row{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center}.month-row div{height:12px;border-radius:999px;background:#e4ece0;overflow:hidden}.month-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f97316,#ef4444)}.month-row small{grid-column:2 / -1;color:#60736d;font-size:11px;font-weight:750}.compare-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e5ece2}.compare-row:last-child{border-bottom:0}.compare-row small{display:block;color:#60736d;margin-top:3px}.compare-row .income{color:#047857}.compare-row .expense{color:#b91c1c}.settings-card{display:grid;gap:12px}.settings-section{border-radius:18px;padding:12px;background:#f8faf5;border:1px solid #e5ece2}.settings-section h2{margin:0 0 10px;font-size:17px;letter-spacing:-.03em}.settings-section .settings-section{margin-top:10px;background:#fff}.toggle{display:flex;gap:10px;align-items:center;padding:9px 0;font-weight:850;color:#10251f}.toggle input{width:auto;accent-color:#10b981}.data-actions{display:flex;gap:8px;flex-wrap:wrap}.data-actions a{text-decoration:none}.import-label{display:inline-grid;place-items:center;cursor:pointer}.import-label input{display:none}.fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;width:auto;padding:14px 18px;border-radius:999px;background:#10b981;color:#06251b;font-weight:950;box-shadow:0 16px 36px #10b98159}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:25;width:min(100%,760px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#f4f7efe6;border-top:1px solid rgba(16,37,31,.09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{padding:10px 4px;border-radius:16px;background:transparent;color:#60736d;font-weight:900;font-size:12px}.bottom-nav button.active{background:#10251f;color:#fff}.page-view{height:var(--active-tab-height, auto);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.page-view::-webkit-scrollbar{display:none}.page-track{display:flex;align-items:flex-start;width:100%}.tab-page{flex:0 0 100%;min-width:100%;padding-inline:1px;scroll-snap-align:start;scroll-snap-stop:always}html[data-animations=off] .page-view{scroll-behavior:auto}@media(max-width:420px){.grid2{grid-template-columns:1fr}.metrics{gap:7px}.metrics div{padding:12px 8px}.row{grid-template-columns:1fr auto}.row .mini{grid-column:1 / -1}.goal div:first-child{display:grid}.goal span{text-align:left}}html[data-animations=on] *,html[data-animations=on] *:before,html[data-animations=on] *:after{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .16s ease}html[data-animations=on] button:active{transform:scale(.98)}html[data-animations=off] *,html[data-animations=off] *:before,html[data-animations=off] *:after{transition:none!important;animation:none!important}html[data-theme=dark]{color:#ecfdf5;background:#07130f}html[data-theme=dark] body{background:radial-gradient(circle at top right,rgba(16,185,129,.2),transparent 38%),#07130f;color:#ecfdf5}html[data-theme=dark] input,html[data-theme=dark] select{background:#0d1f19;color:#ecfdf5;border-color:#24483d}html[data-theme=dark] .login-card,html[data-theme=dark] .metrics div,html[data-theme=dark] .card{background:#0d1f19e6;border-color:#345e50cc;box-shadow:0 10px 28px #00000052}html[data-theme=dark] .compact-hero,html[data-theme=dark] .bottom-nav{background:#07130fe6;border-color:#345e50a6}html[data-theme=dark] .settings-section,html[data-theme=dark] .inline-edit,html[data-theme=dark] .pie-legend button{background:#0b1b16;border-color:#24483d;color:#ecfdf5}html[data-theme=dark] .settings-section .settings-section,html[data-theme=dark] .money-input,html[data-theme=dark] .pie-chart span{background:#07130f;color:#ecfdf5;border-color:#24483d}html[data-theme=dark] .row,html[data-theme=dark] .history-item,html[data-theme=dark] .budget-row,html[data-theme=dark] .activity-item,html[data-theme=dark] .goal,html[data-theme=dark] .compare-row{border-color:#1f3d34}html[data-theme=dark] .eyebrow,html[data-theme=dark] .login-card p,html[data-theme=dark] .scanner p,html[data-theme=dark] .install-card p,html[data-theme=dark] .row small,html[data-theme=dark] .history-main small,html[data-theme=dark] .budget-row small,html[data-theme=dark] .audit-note,html[data-theme=dark] .small-copy,html[data-theme=dark] .empty,html[data-theme=dark] .metrics span,html[data-theme=dark] .goal span,html[data-theme=dark] .month-row small,html[data-theme=dark] .compare-row small,html[data-theme=dark] .pie-legend b{color:#a7c8bc}html[data-theme=dark] .mini{background:#1f3d34;color:#ecfdf5}html[data-theme=dark] .mini.danger{background:#4b1717;color:#fecaca}html[data-theme=dark] .bottom-nav button{color:#a7c8bc}html[data-theme=dark] .bottom-nav button.active{background:#10b981;color:#06251b}html[data-theme=dark] .bar-row div,html[data-theme=dark] .progress,html[data-theme=dark] .month-row div{background:#1f3d34}html[data-theme=dark] .owner-panel{background:#0a231b;border-color:#1f7a5a}@media(prefers-color-scheme:dark){html[data-theme=system]{color:#ecfdf5;background:#07130f}html[data-theme=system] body{background:radial-gradient(circle at top right,rgba(16,185,129,.2),transparent 38%),#07130f;color:#ecfdf5}html[data-theme=system] input,html[data-theme=system] select{background:#0d1f19;color:#ecfdf5;border-color:#24483d}html[data-theme=system] .login-card,html[data-theme=system] .metrics div,html[data-theme=system] .card{background:#0d1f19e6;border-color:#345e50cc;box-shadow:0 10px 28px #00000052}html[data-theme=system] .compact-hero,html[data-theme=system] .bottom-nav{background:#07130fe6;border-color:#345e50a6}html[data-theme=system] .settings-section,html[data-theme=system] .inline-edit,html[data-theme=system] .pie-legend button{background:#0b1b16;border-color:#24483d;color:#ecfdf5}html[data-theme=system] .settings-section .settings-section,html[data-theme=system] .money-input,html[data-theme=system] .pie-chart span{background:#07130f;color:#ecfdf5;border-color:#24483d}html[data-theme=system] .row,html[data-theme=system] .history-item,html[data-theme=system] .budget-row,html[data-theme=system] .activity-item,html[data-theme=system] .goal,html[data-theme=system] .compare-row{border-color:#1f3d34}html[data-theme=system] .eyebrow,html[data-theme=system] .login-card p,html[data-theme=system] .scanner p,html[data-theme=system] .install-card p,html[data-theme=system] .row small,html[data-theme=system] .history-main small,html[data-theme=system] .budget-row small,html[data-theme=system] .audit-note,html[data-theme=system] .small-copy,html[data-theme=system] .empty,html[data-theme=system] .metrics span,html[data-theme=system] .goal span,html[data-theme=system] .month-row small,html[data-theme=system] .compare-row small,html[data-theme=system] .pie-legend b{color:#a7c8bc}html[data-theme=system] .mini{background:#1f3d34;color:#ecfdf5}html[data-theme=system] .bottom-nav button{color:#a7c8bc}html[data-theme=system] .bottom-nav button.active{background:#10b981;color:#06251b}}