:root{color:#17322c;background:#f3f7f4;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;font-size:1rem}button{color:#17322c;background:#d9e7df;border:0;border-radius:10px;min-height:48px;padding:.7rem 1rem}.primary{color:#fff;background:#16634d}header{color:#fff;z-index:2;background:#12382f;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}main{max-width:720px;margin:auto;padding:1rem}.card{background:#fff;border-radius:14px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 8px #1232}.status{align-items:center;gap:.6rem;font-weight:700;display:flex}.dot{background:#2b9b69;border-radius:50%;width:.75rem;height:.75rem}.offline .dot,.issue .dot{background:#d47c26}.metrics{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.metric{text-align:center;background:#eaf2ed;border-radius:10px;padding:.7rem}.stop{text-align:left;background:#fff;border-left:7px solid #95a69d;width:100%;margin:.5rem 0;display:block}.stop.done{border-color:#2b9b69}.stop.issue{border-color:#b94c42}.actions{flex-wrap:wrap;gap:.5rem;display:flex}label{margin:.8rem 0;display:block}input,select,textarea{border:1px solid #9aaba2;border-radius:8px;width:100%;padding:.8rem}.notice{background:#fff1c8;border-radius:8px;margin:.8rem 0;padding:.8rem}.login{max-width:420px;margin:10vh auto}.safety{color:#9a2e26;font-weight:700}@media (width<=480px){.metrics{grid-template-columns:1fr 1fr}}.environment-banner{z-index:1000;color:#fff;text-align:center;letter-spacing:.08em;background:#8a3d00;padding:.35rem 1rem;font:700 .8rem/1.3 system-ui,sans-serif;position:sticky;top:0}