:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17352e;background:#f5f7f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:860px;margin:auto;min-height:100vh;padding:28px 22px 100px}header{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:750;color:#59726a}h1{font-family:Georgia,serif;font-size:2.25rem;margin:3px 0;color:#0d5c4d}h2{font-family:Georgia,serif;font-size:1.75rem;margin:22px 0 2px}h3{margin:0 0 16px}.lead{margin-top:0;color:#5b6f68}.quiet,.link{border:0;background:transparent;color:#0d5c4d;padding:8px}.card,.total,.expense{background:#fff;border:1px solid #e2e9e5;border-radius:16px;box-shadow:0 4px 18px #093c2f0a}.form{padding:20px;display:grid;gap:16px;max-width:520px;margin-top:22px}label,fieldset{display:grid;gap:7px;font-weight:650;color:#25453d}fieldset{border:0;padding:0}legend{margin-bottom:8px}input,select{width:100%;height:46px;border:1px solid #bdcec7;border-radius:10px;padding:10px 12px;background:#fff;color:#17352e}input[type=date]{-webkit-appearance:none;appearance:none;min-height:46px;line-height:24px}input:focus,select:focus,button:focus-visible{outline:3px solid #f0bd4d;outline-offset:2px}.primary{border:0;border-radius:11px;padding:13px 17px;background:#0d5c4d;color:#fff;font-weight:750}.primary:disabled{opacity:.65}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #bdcec7;border-radius:999px;background:#fff;padding:9px 12px;color:#23463c}.chip.active{background:#e1f0eb;border-color:#0d5c4d}.chip i,.expense i,.category-list i,.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.error{margin:0;color:#b42318}.notice{background:#e1f0eb;color:#075c45;padding:11px 14px;border-radius:10px}.total{margin:18px 0;padding:18px;display:flex;justify-content:space-between;align-items:center;color:#5b6f68}.total strong{font-size:1.5rem;color:#0d5c4d}.list{display:grid;gap:10px}.expense{padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:8px}.expense time,.expense small{display:block;color:#63766f;font-size:.82rem}.expense b{display:block;margin:3px 0}.actions{grid-column:1/-1;display:flex;gap:6px}.actions button,.category-list button{border:0;background:#edf3f0;color:#0d5c4d;border-radius:8px;padding:7px 10px}.actions .danger,.category-list .danger{color:#b42318;background:#fff0ef}.empty{margin-top:24px;padding:35px 20px;text-align:center;border:1px dashed #bdcec7;border-radius:14px;color:#5b6f68}.stats,.settings{display:grid;gap:16px;margin-top:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats .card,.settings .card{padding:20px}.donut{width:175px;height:175px;margin:10px auto 22px;border-radius:50%;display:grid;place-items:center}.donut span{width:105px;height:105px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;font-weight:750}.donut small{font-size:.7rem;color:#63766f;font-weight:500}.legend{padding:0;list-style:none}.legend li{font-size:.88rem;margin:9px 0}.legend b{display:block;margin-left:17px;font-size:.8rem;color:#59726a}.bars{display:grid;gap:14px}.bars span{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:5px}.bars i{height:11px;background:#edf3f0;border-radius:50px;display:block;overflow:hidden}.bars em{height:100%;display:block;border-radius:50px}.category-list{display:grid;gap:10px}.category-list div{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-list aside{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.category-list aside button:nth-of-type(2){display:none}.category-list button:disabled{cursor:not-allowed;opacity:.5}.modal{position:fixed;inset:0;background:#122b2388;display:grid;place-items:center;padding:20px;z-index:2}.modal .form{width:min(100%,440px)}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe8e3;display:flex;justify-content:center;gap:min(7vw,70px);padding:7px env(safe-area-inset-right) calc(7px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}nav button{border:0;background:transparent;color:#668078;padding:5px 10px;font-size:.68rem;display:grid;gap:2px;text-align:center}nav button span{font-size:1.35rem;line-height:1}nav .selected{color:#0d5c4d;font-weight:750}.auth,.center{min-height:100vh;display:grid;place-items:center;padding:24px}.auth>div{width:min(100%,420px)}.auth form{display:grid;gap:15px;margin-top:28px}.auth .link{text-align:left;padding:0}@media(max-width:550px){.app{padding:20px 16px 95px}.stats{grid-template-columns:1fr}.expense{grid-template-columns:1fr auto}.expense .actions{grid-column:1/-1}}@media(min-width:551px){.settings{grid-template-columns:repeat(2,minmax(0,1fr))}.settings .card:last-child{grid-column:1/-1}}