.money-tracker{max-width:880px;margin:auto;padding:40px 24px 70px;color:#F4EFE7}.tracker-back{color:#AFC2CC;font-size:14px}.tracker-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:36px 0 26px}.tracker-heading h1{font:500 clamp(34px,6vw,54px) Georgia,serif;margin:14px 0}.tracker-heading p,.tracker-help p{color:#AFC2CC;line-height:1.7}.tracker-currency{font-size:12px;color:#AFC2CC;min-width:120px}.money-tracker select{display:block;width:100%;background:#192A35;color:#F4EFE7;border:1px solid #415361;border-radius:10px;padding:12px;margin-top:8px}.tracker-balance{border:1px solid #40515b;border-radius:24px;background:linear-gradient(120deg,#1d3440,#152630);padding:34px;text-align:center}.tracker-balance>span{color:#AFC2CC;font-size:14px}.tracker-balance>strong{display:block;font-size:clamp(40px,8vw,68px);font-weight:500;letter-spacing:-2px;margin:16px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tracker-balance>p{color:#AFC2CC;font-size:13px}.tracker-totals{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;padding-top:22px;border-top:1px solid #415361}.tracker-totals div+div{border-left:1px solid #415361}.tracker-totals span,.tracker-totals b{display:block}.tracker-totals span{font-size:12px;color:#AFC2CC;margin-bottom:8px}.tracker-totals b{font-size:22px;overflow-wrap:anywhere}.tracker-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.money-tracker button,dialog button{cursor:pointer;font:600 14px Inter,Arial,sans-serif}.tracker-actions button{border:0;border-radius:14px;padding:24px 14px;font-size:18px;color:white}.tracker-actions span{font-size:25px;vertical-align:middle;margin-right:8px}.income{background:#287B57}.expense{background:#B44345}.income:hover{background:#216548}.expense:hover{background:#98383a}.tracker-save{text-align:center;color:#AFC2CC;font-size:12px;line-height:1.6}.tracker-history{border:1px solid #344752;border-radius:18px;padding:24px;margin-top:30px}.tracker-history-head,.tracker-history-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.tracker-history h2,.tracker-help h2{font:500 23px Georgia,serif;margin:0}.tracker-history button{background:transparent;border:0;color:#C6963C;padding:8px}.tracker-history button:disabled{opacity:.45;cursor:default}#empty{padding:26px 0;color:#AFC2CC;line-height:1.8}#empty small{font-size:12px}#transactions{padding:0;list-style:none;margin:20px 0}#transactions li{display:flex;align-items:center;gap:12px;border-top:1px solid #344752;padding:16px 0}#transactions .entry-detail{flex:1;min-width:0;overflow-wrap:anywhere}#transactions small{display:block;color:#AFC2CC;font-size:11px;margin-top:5px}#transactions .entry-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:40%;text-align:right}#transactions .in{color:#8BD3A6}#transactions .out{color:#F2A4A4}#transactions .delete{color:#AFC2CC;font-size:18px}.tracker-history-foot{border-top:1px solid #344752;padding-top:14px;font-size:12px;color:#AFC2CC}.tracker-help{margin:34px 0}.tracker-help p{font-size:13px}#tracker-notice{font-size:13px;color:#C6963C}dialog{background:#192A35;color:#F4EFE7;border:1px solid #415361;border-radius:20px;padding:28px;width:min(440px,calc(100% - 32px));box-sizing:border-box}dialog::backdrop{background:#061018bb}dialog form{display:grid;gap:12px}.tracker-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tracker-dialog-head h2{font:500 26px Georgia,serif;margin:0}.tracker-dialog-head button{background:transparent;border:0;color:#AFC2CC;font-size:28px}dialog label{font-size:13px}dialog input{background:#101B24;border:1px solid #415361;color:#F4EFE7;border-radius:9px;padding:14px;width:100%;box-sizing:border-box;font-size:16px;color-scheme:dark}dialog #amount{font-size:30px}dialog #save-entry{border:0;border-radius:10px;padding:16px;color:white}#entry-error{color:#F2A4A4;font-size:13px;margin:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #C6963C;outline-offset:3px}@media(max-width:550px){.money-tracker{padding:26px 16px 40px}.tracker-heading{align-items:flex-start;gap:12px}.tracker-heading h1{font-size:34px}.tracker-heading p{font-size:14px}.tracker-currency{min-width:100px}.tracker-balance{padding:26px 18px}.tracker-actions button{font-size:16px;padding:22px 10px}.tracker-actions span{margin-right:3px}.tracker-history{padding:18px 14px}.tracker-history h2{font-size:21px}.tracker-history-head button{font-size:12px}.tracker-totals b{font-size:20px}}