@font-face{font-family:Inter;src:local(Arial)}*{box-sizing:border-box}body{margin:0;background:#f3f6f2;color:#20372e;font:15px Inter,Arial,sans-serif}.shell{max-width:760px;margin:auto;padding:20px}header{display:flex;align-items:center;gap:12px;margin-bottom:30px}header .logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#b8ef55;color:#174134;font-size:30px;font-weight:900}header div:nth-child(2){display:flex;flex-direction:column}header strong{font-size:19px}header span{color:#74847b}header a{margin-left:auto;color:#436650}.auth,.welcome,.credit,.grid article{background:white;border:1px solid #dfe7df;border-radius:18px;padding:24px;box-shadow:0 6px 24px #254d3510}.auth{max-width:480px;margin:50px auto}.auth h1,.welcome h1{margin:0 0 8px}.auth p{color:#697970}.auth form,.auth label{display:flex;flex-direction:column;gap:8px}.auth form{gap:16px;margin:22px 0}.auth input{border:1px solid #cdd8cf;border-radius:10px;padding:13px;font:inherit}.auth button,.credit button{border:0;border-radius:11px;background:#b8ef55;color:#173b2e;padding:14px;font-weight:750;font-size:15px}.auth>a{display:block;text-align:center;color:#3f704f;margin:14px}.auth small{display:block;text-align:center;color:#7d8a82}.alert{padding:13px 16px;border-radius:10px;margin-bottom:16px}.alert.error{background:#fff0ed;color:#a44232}.alert.ok{background:#e9f8e7;color:#356840}.welcome span{color:#6e7f75}.welcome p{margin-bottom:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.grid article{display:flex;flex-direction:column;gap:8px}.grid article>span{color:#73827a}.grid strong{font-size:24px}.grid small{color:#78877f}.green{color:#3f7b4c}.red{color:#bb493c}.credit h2{margin-top:0}.credit p{line-height:1.55;color:#67776e}.credit button{width:100%;margin-top:8px}@media(max-width:620px){.shell{padding:14px}.grid{grid-template-columns:1fr}.auth{margin:20px auto}}
.payments{margin-top:16px;background:#fff;border:1px solid #dfe7df;border-radius:18px;padding:24px;box-shadow:0 6px 24px #254d3510}.payments-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.payments-title span{font-size:10px;letter-spacing:.12em;color:#829087}.payments-title h2{margin:6px 0 18px}.payments-title>strong{font-size:12px;color:#718077;background:#eef4ed;border-radius:20px;padding:7px 11px}.payments-list{display:flex;flex-direction:column;gap:9px}.payment{display:grid;grid-template-columns:1fr auto;gap:7px 14px;border:1px solid #d9dfdb;border-left:4px solid #8f9993;border-radius:11px;background:#f4f5f5;padding:14px 15px}.payment.income{border-color:#bddcc4;border-left-color:#47945e;background:#eef9f1}.payment.expense{border-color:#e7c5c0;border-left-color:#c45f55;background:#fff1ef}.payment>div{display:flex;flex-direction:column;gap:4px}.payment strong{font-size:14px}.payment time{font-size:11px;color:#7a8880}.payment>b{font-size:16px;color:#66726c}.payment.income>b{color:#2f7d48}.payment.expense>b{color:#b43e36}.payment p{grid-column:1/-1;margin:3px 0 0;padding-top:8px;border-top:1px solid #dde4df;color:#69776f;font-size:12px;line-height:1.45;white-space:pre-wrap}.payments-empty{padding:25px;text-align:center;border:1px dashed #d5ded6;border-radius:11px;color:#78867e}@media(max-width:620px){.payments{padding:17px}.payments-title{align-items:flex-start}.payments-title>strong{font-size:10px}.payment{grid-template-columns:1fr auto}.payment>b{grid-row:1;grid-column:2}.payment p{grid-column:1/-1}}