:root{--teal:#0f766e;--red:#b91c1c;--green:#15803d;--line:#e5e7eb;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{color:#111827;background:#f9fafb;margin:0}main,header,nav{max-width:640px;margin:0 auto;padding:.75rem 1rem}main.center{text-align:center;padding-top:20vh}header{justify-content:space-between;align-items:center;display:flex}nav{gap:.25rem;padding-top:0;padding-bottom:0;display:flex}nav button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1}nav button.active{border-color:var(--teal);color:var(--teal);font-weight:600}button,input,select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;padding:.45rem .7rem}button{cursor:pointer}button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}button:disabled{opacity:.5;cursor:default}.row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.list{border:1px solid var(--line);background:#fff;border-radius:8px;margin:.5rem 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.6rem .8rem;display:flex}.list li:last-child{border-bottom:0}.list li.archived{opacity:.55}.list small{color:#6b7280}.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.income{color:var(--green)}.expense{color:var(--red)}.form{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:.8rem;display:flex}.form label{color:#4b5563;flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.segmented{display:flex}.segmented button{border-radius:0;flex:1}.segmented button.active{background:var(--teal);color:#fff}.error{color:var(--red);cursor:pointer;background:#fee2e2;border-radius:6px;max-width:640px;margin:.5rem auto;padding:.5rem 1rem}.banner{background:#fef3c7;border-radius:6px;max-width:640px;margin:.5rem auto;padding:.5rem 1rem}.bar{background:var(--line);width:8rem;height:4px;margin-top:4px}.bar span{background:currentColor;height:100%;display:block}