:root{--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--gap:10px;--radius:10px;font:18px/145% var(--sans);letter-spacing:.18px;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.flex{align-items:center;gap:10px;display:flex}.flex.full-width{width:100%}.flex.al{align-items:flex-start}.flex.ar{align-items:flex-end}.flex.col{flex-direction:column}.flex.sb{justify-content:space-between}.flex.no-gap{gap:0}.clickable{cursor:pointer}.clickable:hover{transform:scale(1.05)}.clickable:active{transform:scale(.95)}.debugA{box-sizing:border-box;border:2px solid red}.app-container{height:100svh;padding:var(--gap);box-sizing:border-box;background:radial-gradient(circle,#fff 0%,#dedede 100%)}.app-container .transaction-card{border-radius:var(--radius);padding:var(--gap);box-sizing:border-box;background-color:#fff;box-shadow:0 0 5px gray}.app-container .transaction-card .left-infos{gap:5px}.app-container .transaction-card .left-infos .best-label{font-size:larger;font-weight:700}.app-container .transaction-card .left-infos .label,.app-container .transaction-card .left-infos .category{font-size:small}.app-container .transaction-card .balance{font-size:larger;font-weight:700}.app-container .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.button-custom{text-align:center;white-space:preserve nowrap;border-radius:var(--radius);box-sizing:border-box;padding:calc(var(--gap) / 2) var(--gap);background-color:#fff;border:2px solid #0000;font-size:large;font-weight:700;transition:transform .2s;box-shadow:0 0 5px gray}.button-custom.disabled{cursor:not-allowed;color:gray;background-color:#d3d3d3}.input-container .input-label{white-space:preserve nowrap;font-size:small;font-weight:700}.input-container .input-custom{all:unset;border-radius:var(--radius);box-sizing:border-box;padding:calc(var(--gap) / 2) var(--gap);background-color:#fff;box-shadow:0 0 5px gray}