*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6f8;color:#222}main{max-width:1400px;margin:auto;padding:30px}header{margin-bottom:25px}.stats{display:flex;gap:20px;margin-bottom:30px}.stats div{background:#fff;border-radius:12px;padding:18px 40px;box-shadow:0 2px 8px #0000000f}.stats strong{display:block;font-size:30px}.stats span{color:#777}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.camera-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#111}.placeholder{display:flex;align-items:center;justify-content:center;color:#999}.camera-info{padding:15px}.camera-info h3{margin:0 0 6px}.camera-info p{color:#777}.actions button{border:0;padding:10px 16px;border-radius:7px;cursor:pointer;font-weight:600}.start{background:#198754;color:#fff}.stop{background:#dc3545;color:#fff}button:disabled{opacity:.6;cursor:wait}.message{display:block;margin-top:10px;color:#666}