html,body,#root{background:#f3f6f9;height:100%;margin:0}.brand{color:#fff;border-bottom:1px solid #ffffff14;padding:18px 16px 14px;line-height:1.25}.brand b{letter-spacing:.2px;font-size:15px;display:block}.brand span{color:#9fe3dc;font-size:11.5px}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title h2{color:#0b2545;margin:0;font-size:20px}.stat-label{color:#667;font-size:12.5px}.zone-card{border-left:5px solid}.feed-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:7px 0;display:flex}.feed-row:last-child{border-bottom:0}.feed-dot{border-radius:50%;flex:none;width:10px;height:10px}.matrix-table td,.matrix-table th{text-align:center}.matrix-table td:first-child,.matrix-table th:first-child{text-align:left}.swatch{vertical-align:-1px;border:1px solid #0000001a;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.login-wrap{background:linear-gradient(135deg,#0b2545 0%,#134074 60%,#0b6e69 100%);place-items:center;min-height:100%;display:grid}.photo-box{object-fit:cover;color:#889;background:#e5e9ee;border-radius:6px;place-items:center;width:120px;height:150px;display:grid}.webcam video,.webcam canvas{background:#000;border-radius:8px;width:100%;max-width:360px}.err-row td{background:#fff1f0!important}