:root{font-family:Arial,sans-serif;color:#17202a;background:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{background:#12304a;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar h1{margin:0;font-size:1.15rem;letter-spacing:.06em}.topbar a{color:#fff;font-size:.85rem}.page{width:min(900px,100%);margin:auto;padding:20px 16px 40px}.connection{display:flex;align-items:center;gap:8px;font-size:.9rem;margin-bottom:18px;color:#536273}.last-check{margin-left:auto;font-size:.78rem}.dot{width:11px;height:11px;background:#d9534f;border-radius:50%;display:inline-block}.dot.online{background:#25a55f}.rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.room-btn{background:#fff;color:#12304a;box-shadow:0 2px 9px #d9e0e8;border:0;border-radius:12px;padding:18px;font-size:1.35rem;font-weight:700;cursor:pointer;min-height:76px}.room-btn:active{transform:scale(.98)}button{border:0;border-radius:12px;cursor:pointer;font-weight:700}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 10px #d9e0e8;margin-bottom:18px}.hidden{display:none!important}.event-title{font-size:1.3rem;margin:0 0 10px}.event-meta{line-height:1.7}.danger{background:#c62828;color:#fff;padding:18px;font-size:1rem}.resolve{width:100%;background:#173d59;color:#fff;margin-top:15px;padding:18px;font-size:1rem}.standby{text-align:center;padding:48px 20px}.standby .connection{max-width:900px;margin:0 auto 40px;text-align:left}.sound{background:#ffcc00;color:#332900;width:min(440px,100%);padding:18px;font-size:1rem}.alarm{background:#b50000;color:#fff;min-height:calc(100vh - 73px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.alarm-label{font-size:clamp(2rem,8vw,4rem);font-weight:900}.alarm .room{font-size:clamp(6rem,30vw,14rem);font-weight:900;line-height:1}.alarm .time{font-size:1.5rem;margin:20px}.alarm-subtitle{font-size:1.2rem;margin-bottom:24px}.respond{background:#fff;color:#a90000;width:min(500px,100%);padding:20px;font-size:1.5rem}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2}.modal{background:#fff;border-radius:14px;padding:22px;width:min(430px,100%)}.modal h2{margin-top:0}.actions{display:flex;gap:10px}.actions button{flex:1}.cancel{background:#e8edf2;color:#233;padding:18px}table{border-collapse:collapse;width:100%;background:#fff;font-size:.85rem}th,td{padding:11px 8px;border-bottom:1px solid #e3e8ed;text-align:left;vertical-align:top}th{background:#eaf0f5}.table-wrap{overflow:auto}@media(min-width:600px){.rooms{grid-template-columns:repeat(5,1fr)}.room-btn{min-height:100px}}
:root{--admin:1}
.admin-nav{display:flex;gap:8px;overflow:auto;padding:10px 16px;background:#e8edf2}.admin-nav a{white-space:nowrap;color:#12304a;font-weight:bold;font-size:.85rem}.link-button{background:none;color:white;padding:0;font-size:.85rem}.notice{padding:12px;border-radius:8px;margin-bottom:14px}.success{background:#d9f3e3;color:#176b38}.error{background:#ffe0e0;color:#9c1c1c}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stats .card{margin:0}.stats strong{display:block;font-size:1.5rem;margin-top:8px}.shortcuts{display:grid;gap:10px;margin-top:18px}.shortcuts a{text-decoration:none;text-align:center}.form-grid{display:grid;gap:14px}label{display:block;font-weight:bold;font-size:.9rem}input{display:block;width:100%;margin-top:6px;border:1px solid #c8d1da;border-radius:7px;padding:12px;font-size:1rem}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}audio{width:100%;margin:8px 0}.secondary{background:#e8edf2;color:#233;padding:12px;margin:5px 0}.narrow{max-width:500px}@media(min-width:600px){.stats{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.shortcuts{grid-template-columns:repeat(4,1fr)}}