*{box-sizing:border-box}body{margin:0;background:#E9EBF0;font-family:"Nunito","Segoe UI",Arial,sans-serif;color:#1F2430;width:430px}
.tag{background:#1F2430;color:#fff;font-size:15px;font-weight:800;padding:8px 14px;letter-spacing:.04em}
.top{background:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #E2E4EB}
.logo{width:34px;height:34px;border-radius:9px;background:#0F7A57;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
.top b{font-size:17px}.top small{display:block;font-size:12px;color:#6A7186}
.dd{margin:12px 14px;background:#fff;border:2.5px solid #D99A00;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:800}
.dd span{color:#6A7186;font-weight:600;font-size:14px;display:block}
.sec{margin:6px 14px 4px;font-size:14px;font-weight:800;color:#6A7186;text-transform:uppercase;letter-spacing:.05em}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 14px}
.k{background:#fff;border-radius:14px;padding:12px}.k b{display:block;font-size:26px}.k span{font-size:14px;color:#6A7186}
.row{background:#fff;margin:7px 14px;border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:10px}
.dot{width:12px;height:12px;border-radius:50%}.g{background:#0F7A57}.y{background:#E0A800}.r{background:#C0392B}
.st{width:38px;height:38px;border-radius:10px;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.row .n{flex:1}.row .n b{font-size:17px;display:block}.row .n span{font-size:13.5px;color:#6A7186}
.row .v{text-align:right;font-size:13.5px;color:#3A4152}.row .v b{font-size:17px;display:block;color:#1F2430}
.btn{display:block;margin:12px 14px;background:#0F7A57;color:#fff;border-radius:14px;padding:15px;text-align:center;font-size:18px;font-weight:800}
.btn.o{background:#fff;color:#1F2430;border:2px solid #D8DCE4}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 14px}
.t{background:#fff;border-radius:14px;padding:12px;min-height:92px}.t i{font-style:normal;font-size:22px}.t b{display:block;font-size:16px;margin-top:4px}.t span{font-size:13px;color:#6A7186}
.list{background:#fff;margin:8px 14px;border-radius:14px;overflow:hidden}
.li{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #EEF0F4;font-size:15.5px}
.li:last-child{border:0}.li span{color:#6A7186;font-size:14px;text-align:right}.li em{font-style:normal;font-weight:800;font-size:13px;padding:3px 9px;border-radius:999px}
.on{background:#E1F5EE;color:#085041}.off{background:#F0F1F5;color:#6A7186}.warn{background:#FBF3DF;color:#634F10}
.foot{font-size:12.5px;color:#6A7186;margin:10px 14px 16px;line-height:1.45}
.menu{position:relative;margin:-4px 14px 0;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);overflow:hidden}
.mi{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #EEF0F4;font-size:16px;font-weight:700}
.mi small{margin-left:auto;font-weight:600;color:#6A7186;font-size:13px}.mi.sel{background:#FFF6DF}