:root{color:#14332c;font-synthesis:none;background:#edf3f0;font-family:Inter,Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{background:#f8fbfa;max-width:520px;min-height:100vh;margin:auto;padding:24px 20px 88px}header{justify-content:space-between;align-items:center;padding:18px 2px 24px;display:flex}.eyebrow{letter-spacing:.14em;color:#71847f;font-size:11px;font-weight:800}h1{margin:4px 0 0;font-size:28px}.status{color:#77817e;background:#e7e8e8;border-radius:999px;padding:7px 10px;font-size:12px}.status.online{color:#137452;background:#d7f4e7}.shift{color:#fff;background:linear-gradient(135deg,#123d34,#1b6656);border-radius:22px;grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid;box-shadow:0 16px 36px #163e3426}.shift div{gap:7px;display:grid}.shift small{color:#bfe0d6}.shift strong{font-size:14px}main{gap:12px;margin-top:22px;display:grid}.module{text-align:left;color:#173a32;background:#fff;border:1px solid #e4ebe8;border-radius:18px;grid-template-columns:48px 1fr 20px;align-items:center;gap:14px;padding:17px;display:grid;box-shadow:0 5px 18px #173a320a}.module .icon{border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.module strong,.module small{display:block}.module strong{font-size:16px}.module small{color:#75827f;margin-top:4px}.module b{color:#9eaaa7;font-size:26px}.teal .icon{color:#168162;background:#dff4ed}.blue .icon{color:#2d70b3;background:#e1edfb}.amber .icon{color:#af7211;background:#fff0ce}.red .icon{color:#b7433d;background:#fee5e3}nav{color:#8b9794;background:#fff;border-top:1px solid #e6ecea;justify-content:space-around;width:min(520px,100%);padding:18px 16px 22px;font-size:13px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav .active{color:#176c58;font-weight:800}