:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--label);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--blue:#2563eb;--blue-press:#1d4ed8;--bg:#f5f7fa;--bg-grouped:#fff;--bg-elevated:#fff;--label:#172033;--label-secondary:#526075;--label-tertiary:#64748b;--separator:#dce2eb;--fill-tertiary:#eaf0f8;--fill-quaternary:#f1f5fa;--red:#b42318;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--blue:#2563eb;--blue-press:#1d4ed8;--bg:#111827;--bg-grouped:#1b2638;--bg-elevated:#263449;--label:#f1f5f9;--label-secondary:#bcc8d8;--label-tertiary:#a0aec0;--separator:#3b4b62;--fill-tertiary:#2a3a52;--fill-quaternary:#243249;--red:#ff9b93}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #5b9bff}input,textarea,select{width:100%;min-width:0;color:var(--label);background:var(--bg-grouped);border:1px solid var(--separator);border-radius:8px;min-height:48px;padding:11px 12px;font-size:16px}input[type=date]{appearance:none;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}textarea{resize:vertical}::placeholder{color:var(--label-tertiary);opacity:1}h1,h2,p{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.pwa-update{z-index:30;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(92px + env(safe-area-inset-bottom,0px));border:1px solid var(--separator);max-width:480px;max-height:70dvh;color:var(--label);background:var(--bg-grouped);border-radius:12px;margin-inline:auto;padding:16px;position:fixed;overflow-y:auto;box-shadow:0 4px 24px #0003}.pwa-update p{margin-bottom:12px}.pwa-update-actions{flex-wrap:wrap;gap:8px;display:flex}.pwa-update-button{background:var(--fill-tertiary);border-radius:8px;min-height:48px;padding:10px 16px;font-weight:600}.app{max-width:760px;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);margin:0 auto}.screen{padding:0 20px 110px}.navbar{border-bottom:1px solid var(--separator);align-items:center;gap:12px;min-height:76px;margin-bottom:28px;display:flex}.navbar>.navbar-action:empty{display:none}.navbar-title{min-width:0;color:var(--label-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.navbar-action{background:var(--fill-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:8px 12px;font-weight:600;display:inline-flex}.large-title{letter-spacing:-.6px;overflow-wrap:anywhere;margin:0 0 24px;font-size:clamp(26px,5vw,34px);line-height:1.2}.subtitle{color:var(--label-secondary)}.list{background:var(--bg-grouped);border:1px solid var(--separator);border-radius:12px;margin-bottom:24px}.list-header{color:var(--label-secondary);margin:20px 0 10px;font-size:14px;font-weight:650}.row{text-align:left;align-items:center;gap:12px;width:100%;min-height:76px;padding:16px;display:flex}.row:first-child{border-radius:12px 12px 0 0}.row:last-child{border-radius:0 0 12px 12px}.row:only-child{border-radius:12px}.row+.row{border-top:1px solid var(--separator)}.row-main{overflow-wrap:anywhere;flex:1;min-width:0;display:block}.row-title{overflow-wrap:anywhere;font-weight:600;display:block}.row-subtitle{color:var(--label-secondary);overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.row-trailing{flex:none;align-items:center;gap:12px;max-width:48%;display:flex}.row-amount{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:650;display:block}.row-glyph{border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.chevron{color:var(--label-secondary);font-size:24px}.row--action{font-weight:600}.row--tappable:active,.navbar-action:active{background:var(--fill-tertiary)}.screen.detail-screen{--detail-nav-height:calc(64px + var(--safe-top));scroll-margin-top:calc(var(--detail-nav-height) + 76px);padding-inline:0}.detail-screen .detail-navbar{z-index:12;min-height:var(--detail-nav-height);margin-top:calc(-1 * var(--safe-top));padding:calc(8px + var(--safe-top)) 20px 8px;background:var(--bg);border:0;justify-content:space-between;margin-bottom:20px;position:sticky;top:0}.detail-screen>.large-title-wrap,.detail-screen>.screen-body{padding-inline:20px}.detail-tabs{top:var(--detail-nav-height);z-index:11;background:var(--bg);padding:8px 20px 16px;position:sticky}.detail-tabs .segmented{margin:0}.detail-screen .screen-body .row{scroll-margin-top:calc(var(--detail-nav-height) + 80px);scroll-margin-bottom:calc(100px + var(--safe-bottom))}.add-button{z-index:10;bottom:calc(20px + var(--safe-bottom));right:max(calc(20px + var(--safe-right)), calc((100vw - 720px) / 2));background:var(--blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:12px 22px;font-weight:650;display:flex;position:fixed;box-shadow:0 4px 14px #0003}.add-button span{font-size:26px;font-weight:400;line-height:1}.add-button:active,.btn:not(.btn--secondary,.btn--destructive):active{background:var(--blue-press)}.segmented{gap:8px;margin-bottom:24px;display:flex}.segmented-item{border:1px solid var(--separator);border-radius:8px;flex:1;min-height:48px;padding:10px;font-weight:600}.segmented-item--active{background:var(--label);color:var(--bg);border-color:var(--label)}.total-card{background:var(--bg-grouped);border:1px solid var(--separator);border-radius:12px;margin-bottom:24px;padding:24px}.total-label{color:var(--label-secondary);font-size:14px}.total-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(28px,7vw,40px);font-weight:700}.total-eur,.total-meta{color:var(--label-secondary);margin-top:6px;font-size:14px}.cat-row-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cat-share{color:var(--label-secondary);font-size:13px}.cat-bar-track{background:var(--fill-tertiary);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.cat-bar-fill{border-radius:3px;height:100%}.form-page{max-width:600px;margin:0 auto;padding:0 16px 110px}.form-fields{border:0;min-width:0;margin:0;padding:0}.form-fields .list:has(.field){background:0 0;border:0}.form-actions{gap:12px;margin-top:24px;display:grid}.delete-action{margin-top:32px}a.btn{text-decoration:none}h1:focus{outline:none}.field{flex-direction:column;gap:6px;min-width:0;max-width:100%;margin-bottom:16px;display:flex}.field:last-child{margin-bottom:0}.field-label{font-size:14px;font-weight:600}.amount-field{margin-bottom:20px}.amount-input-wrap{align-items:center;gap:12px;display:flex}.amount-currency{color:var(--label-secondary);font-weight:600}.amount-input{font-variant-numeric:tabular-nums;font-size:32px;font-weight:650}.amount-hint{color:var(--label-secondary);margin-top:6px;font-size:14px}.amount-hint:empty{display:none}.chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.chip{border:2px solid var(--separator);border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-height:72px;padding:10px 4px;font-size:13px;display:flex}.chip-glyph{border-radius:6px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.chip--selected{border-color:var(--blue);background:var(--fill-tertiary);font-weight:700}.btn{background:var(--blue);color:#fff;text-align:center;border-radius:8px;width:100%;min-height:48px;padding:12px 16px;font-weight:600;display:block}.btn--secondary{background:var(--fill-tertiary);color:var(--label)}.btn--destructive{background:var(--bg-grouped);color:var(--red);border:1px solid}.btn-stack{gap:12px;margin-top:16px;display:grid}.empty{text-align:center;padding:48px 16px}.empty-glyph{margin-bottom:16px;font-size:36px}.empty-title{margin-bottom:8px;font-size:20px;font-weight:650}.empty-text{color:var(--label-secondary);max-width:320px;margin:0 auto}.info-text{color:var(--label-secondary);overflow-wrap:anywhere;font-size:14px}.error-text{color:var(--red);white-space:pre-wrap;font-size:14px}@media (hover:hover){.row--tappable:hover,.navbar-action:hover,.chip:hover{background:var(--fill-quaternary)}.add-button:hover{background:var(--blue-press)}}@media (width<=600px){.detail-screen .detail-navbar,.detail-screen>.large-title-wrap,.detail-screen>.screen-body,.detail-tabs{padding-inline:16px}.add-button--expense{left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right))}.screen{padding-inline:16px}.navbar{min-height:68px;margin-bottom:24px}.row{gap:10px;padding:14px 12px}}
