body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f7fb;color:#1f2937}header{display:flex;justify-content:space-between;align-items:center;background:#111827;color:white;padding:14px 24px}.brand{font-size:24px;font-weight:700}nav a{color:white;text-decoration:none;margin-left:16px}main{padding:24px}.card{background:white;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.stat{font-size:36px;font-weight:700}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer}input,select{padding:10px;border:1px solid #cbd5e1;border-radius:8px;width:100%;box-sizing:border-box;margin:6px 0 12px}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}td,th{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.camera video,.camera iframe{width:100%;height:220px;background:#000;border-radius:12px}.badge{padding:4px 8px;border-radius:999px;background:#dbeafe}.notice{background:#ecfdf5;border:1px solid #10b981;padding:12px;border-radius:10px;margin-bottom:16px}footer{text-align:center;color:#64748b;padding:20px}.checkbox{display:inline-block;margin:8px 16px 8px 0}.danger{background:#dc2626}.muted{color:#64748b}.form{max-width:520px}.validation-summary-errors{color:#b91c1c}

/* Camera viewing pages */
.camera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:14px}
.camera-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.camera-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.camera-title span,.muted{color:#64748b;font-size:.92rem}
.camera-frame{background:#0f172a;border-radius:12px;min-height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}
.camera-frame video{width:100%;height:220px;object-fit:cover;display:block;background:#0f172a}
.single-camera-wrap{height:calc(100vh - 240px);min-height:420px;background:#0f172a;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.single-camera-frame,.single-camera-frame video{width:100%;height:100%}
.single-camera-frame video{object-fit:contain;background:#0f172a;display:block}
.empty-camera{color:#fff;text-align:center;padding:30px}
@media(max-width:700px){.single-camera-wrap{height:55vh}.camera-frame video{height:180px}}

.success{background:#dcfce7;color:#166534}.danger-note{background:#fee2e2;border-color:#ef4444;color:#991b1b}.camera-card .notice{margin-top:12px}