*{box-sizing:border-box}body{margin:0;background:#f5f7f7;color:#16201f;font:16px system-ui,-apple-system,"Noto Sans Devanagari",sans-serif}header{height:58px;background:#00695c;color:white;display:flex;align-items:center;padding:0 16px;gap:14px}header b{font-size:20px;margin-right:auto}button{border:0;border-radius:7px;padding:10px 13px;background:#00695c;color:white;font-weight:600;cursor:pointer}header button{background:#ffffff22}#net{font-size:13px;padding:4px 8px;border-radius:12px;background:#ffffff22}main{max-width:880px;margin:auto;padding:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis article{padding:13px;border-radius:10px;background:white;box-shadow:0 1px 3px #0002;color:#52615f}.kpis strong{display:block;font-size:23px;color:#00695c;margin-top:4px}nav{display:flex;gap:8px;overflow:auto;margin:22px 0 12px}nav button{white-space:nowrap;background:#d8e8e4;color:#17433b}nav .active{background:#00695c;color:#fff}.panel{background:white;padding:18px;border-radius:10px;box-shadow:0 1px 3px #0002}.hidden{display:none}label{display:block;margin:11px 0;color:#40504e}input,select,textarea{display:block;width:100%;margin-top:5px;border:1px solid #aebcb9;padding:10px;border-radius:6px;font:inherit}textarea{min-height:70px}.hint{font-size:13px;color:#556}#message{font-weight:600;color:#00695c}pre{max-height:220px;overflow:auto;white-space:pre-wrap;background:#f4f6f6;padding:10px}@media(max-width:620px){.kpis{grid-template-columns:repeat(2,1fr)}main{padding:12px}h1{font-size:22px}}