.transaction-workspace{max-width:900px}.transaction-form{padding:clamp(18px,4vw,30px)}.type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:14px;background:#eef2f7}.type-tabs label{margin:0}.type-tabs input{position:absolute;opacity:0}.type-tabs span{display:block;padding:12px;text-align:center;border-radius:10px}.type-tabs input:checked+span{background:#fff;color:var(--blue);font-weight:800;box-shadow:0 2px 8px #10213a14}.amount-field>div{display:flex;align-items:center;border-bottom:2px solid var(--line)}.amount-field b{font-size:30px}.amount-field input{border:0;font-size:38px;font-weight:750}.transaction-form textarea,.transaction-form select{width:100%;padding:13px;border:1px solid #cfd6e1;border-radius:12px;background:#fff;font:inherit}.transaction-row{display:flex;align-items:center;gap:13px;padding:15px 2px;border-bottom:1px solid var(--line)}.transaction-row:last-child{border-bottom:0}.category-dot{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--dot) 14%,white);color:var(--dot);font-weight:900}.transaction-copy{display:grid;flex:1}.transaction-copy small{color:var(--muted)}.tx-amount{white-space:nowrap}.tx-amount.income{color:var(--green)}@media(max-width:600px){.transaction-row{align-items:flex-start}.transaction-copy small{font-size:12px}.tx-amount{font-size:14px}}
