:root{--bg:#f4f9f8;--card:#fff;--ink:#1c352e;--muted:#728982;--line:#e2eeea;--mint:#47b99a;--mintdark:#225f4d;--red:#b03c4a;--shadow:0 12px 38px rgba(33,87,73,.075)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Mitr,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #4fb79c;outline-offset:3px}.hidden{display:none!important}.wrap{max-width:1060px;margin:auto;padding:0 20px}.topbar{background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;gap:12px;align-items:center;min-height:77px}.mark{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(135deg,#47b99a,#1e7258);color:white;border-radius:14px;font-weight:700}.brand{font-weight:600;font-size:19px}.sub{font-size:12px;color:var(--muted)}.push{flex:1}.chip{font-size:11px;color:#28735c;background:#e7f5ef;border:1px solid #d6ebde;border-radius:99px;padding:7px 12px}.main{padding-top:24px;padding-bottom:26px}.hero{border-radius:23px;background:linear-gradient(115deg,#14392e,#23795e);color:white;display:flex;align-items:center;justify-content:space-between;padding:27px 32px;gap:10px;box-shadow:var(--shadow)}.hero p{font-size:14px;line-height:1.8;max-width:640px;color:#d6f1e6}.hero .eyebrow{font-size:11px;color:#94d8bf;letter-spacing:.16em}.hero h1{margin:5px 0 10px;font-size:28px;line-height:1.5;font-weight:600}.hero h1 em{color:#b0edd9;font-style:normal}.hero-icon{font-size:67px;opacity:.35}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-top:17px;padding:22px;box-shadow:var(--shadow)}.card h2{font-size:18px;font-weight:600;margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted,.note{color:var(--muted);font-size:12px}.status{padding:13px;border-radius:13px;background:#f0f8f4;color:#27775f;margin-top:13px;font-size:13px}.status.bad{background:#fff3f2;color:var(--red)}.login-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:17px;align-items:end}label{display:flex;flex-direction:column;gap:6px;font-size:12px}input{min-width:0;padding:11px 13px;border:1px solid #d9e8e2;border-radius:11px;background:#fff;color:var(--ink)}button{border:0;border-radius:11px;padding:11px 15px;font-size:12px;font-weight:500}.primary{background:#28896b;color:white}.secondary{background:#eaf6f1;color:#216b53}.tools{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.msg{font-size:12px;color:#9b4b4b;min-height:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.stat{background:#f2f9f6;border:1px solid #e3eee9;border-radius:13px;padding:13px}.stat b{font-size:25px;font-weight:600;display:block}.stat span{color:#628073;font-size:11px}.switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.record{padding:13px;border:1px solid #e6f0ea;border-radius:11px;min-width:0}.record strong{display:block;font-weight:500;font-size:13px;overflow-wrap:anywhere}.record small{display:block;font-size:11px;color:#698176;overflow-wrap:anywhere}footer{text-align:center;color:#8ca096;font-size:11px;padding:16px 12px 28px}.footnote p{font-size:13px;line-height:1.7;color:#6f857c}
@media(max-width:690px){.wrap{padding:0 14px}.chip{max-width:125px;text-align:center}.hero{padding:21px}.hero h1{font-size:22px}.hero-icon{display:none}.card{padding:16px;border-radius:16px}.login-form{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.records{grid-template-columns:1fr}.card-head{align-items:start}button{min-height:42px}.nav{min-height:68px}}