*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,sans-serif;color:#111;background:#f3f4f6}main,.card{max-width:40rem;margin:0 auto;padding:1rem}.card{display:grid;gap:.75rem}h1{font-size:1.4rem;margin:.25rem 0}h1.alarm{color:#fff;background:#b91c1c;padding:.6rem .75rem;border-radius:.5rem}h2{font-size:1rem;margin:1rem 0 .25rem}label{display:grid;gap:.25rem;font-weight:600}input{width:100%;padding:.7rem;font-size:1rem;border:1px solid #9ca3af;border-radius:.5rem}button{min-height:2.75rem;padding:.4rem .8rem;font-size:1rem;border:1px solid #6b7280;border-radius:.5rem;background:#fff;color:#111}button:disabled{opacity:.5}button[type=submit],button.here{background:#15803d;border-color:#15803d;color:#fff}button.danger{background:#b91c1c;border-color:#b91c1c;color:#fff}.hint{margin:0;font-size:.85rem;color:#4b5563}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}[role=alert]{margin:.5rem 0;padding:.6rem .75rem;border:2px solid #b45309;border-radius:.5rem;background:#fffbeb}.offline{border-color:#b91c1c;background:#fef2f2;font-weight:600}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.75rem 0}.counts div{padding:.4rem;text-align:center;background:#fff;border-radius:.5rem}.counts dt{font-size:.75rem}.counts dd{margin:0;font-size:1.5rem;font-weight:700}.counts .missing{background:#fee2e2;color:#b91c1c}ul{list-style:none;margin:0;padding:0}.person{display:flex;align-items:center;gap:.4rem;padding:.4rem;margin-bottom:.25rem;background:#fff;border-radius:.5rem}.person .name{flex:1;min-width:0;overflow-wrap:anywhere}.person small{display:block;color:#4b5563}.person.status-here{background:#dcfce7}.person.status-away{background:#e5e7eb}details{padding:.4rem;margin-bottom:.25rem;background:#fff;border-radius:.5rem}main>.danger{width:100%;margin-top:1rem}