:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#294638;background:#eef3ee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:#356d50}button{cursor:pointer}.app{max-width:520px;min-height:100dvh;margin:auto;display:flex;flex-direction:column;background:white;box-shadow:0 0 35px #22492c10}.head{background:#254b3e;color:white;border-radius:0 0 25px 25px;padding:23px 22px 28px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:42px;height:42px;background:#416b58;border-radius:13px;font-size:27px}.brand strong{font-size:17px}.brand small{display:block;color:#c7dece;font-size:11px;margin-top:3px}.logout{margin-left:auto}.logout button{border:0;background:#416b58;color:white;border-radius:50%;width:37px;height:37px;font-size:21px}.eyebrow{color:#bad4c2;font-size:12px;margin:28px 0 5px}.head h1{font-size:27px;letter-spacing:-.7px;margin:0}main{padding:23px 18px 38px;flex:1}h2{font-size:16px;margin:25px 0 13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stats>div{background:#f2f7f1;border-radius:16px;padding:18px 14px}.stats small{display:block;color:#718577;font-size:12px}.stats strong{font-size:25px;display:block;margin-top:7px}.panel{border:1px solid #dce7de;border-radius:17px;padding:16px;margin:0 0 13px}.panel small{color:#78907e;font-size:12px;display:block;margin-top:4px}.record{display:flex;align-items:center;justify-content:space-between;gap:12px}.record .right{text-align:right}.record .right strong{white-space:nowrap}.record.compact{border-bottom:1px solid #edf1ed;margin-top:9px;padding-bottom:8px;font-size:12px}.record.compact strong{white-space:nowrap}.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;background:#347354;color:white;text-decoration:none;border:none;border-radius:12px;padding:13px 15px;font-weight:750;text-align:center;margin-top:10px;font-size:14px}.button.secondary{background:#eaf3ed;color:#356849}.form label{font-size:13px;font-weight:700;display:block;margin:0 0 17px}.form input,.form select,.form textarea,.login input{display:block;margin-top:8px;border:1px solid #d5e0d7;border-radius:12px;background:white;padding:12px;width:100%;min-height:47px;color:#274531;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:#408264;box-shadow:0 0 0 3px #d9eee1}.two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.two[hidden],label[hidden]{display:none}.soft{background:#f2f7f2;padding:15px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 20px;font-size:13px}.soft b{font-size:12px;color:#376f4d}.soft strong{font-size:20px}.nav{display:flex;justify-content:space-around;gap:2px;position:sticky;bottom:0;border-top:1px solid #e6ece6;background:white;padding:8px 3px max(8px,env(safe-area-inset-bottom))}.nav a{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px;color:#4a7556;font-size:23px}.nav span{font-size:10px;color:#718a78}.hint{font-size:12px;color:#75897a;line-height:1.6}.empty{text-align:center;color:#708571;padding:26px}.text-button{background:none;border:none;color:#577a61;font-size:11px;padding:6px}.rate-form{display:flex;align-items:center;gap:5px}.rate-form input{width:73px;border:1px solid #dae5dc;padding:8px;border-radius:9px}.rate-form button{border:0;border-radius:8px;background:#e7f2e9;padding:8px}.row-head{display:flex;align-items:center;justify-content:space-between}.badge{border-radius:20px;background:#e5f2e7;color:#3a7650;padding:5px 9px;font-size:11px}.amount{font-size:26px;font-weight:800;margin:17px 0 10px}.success{color:#2d774e;font-size:13px}.warning{border-radius:10px;padding:11px;background:#fff1e8;color:#9a4c27;font-size:13px}.login{max-width:380px;margin:10vh auto;padding:20px;text-align:center}.login-logo{font-size:60px;color:#347354}.login h1{margin:8px 0}.login p{color:#7a8e80}.login .panel{text-align:left;margin-top:25px}.login label{display:block;margin-bottom:20px;font-weight:700;font-size:13px}.login .button{cursor:pointer}@media(min-width:600px){body{padding:18px}.app{min-height:calc(100dvh - 36px);border-radius:24px;overflow:hidden}}