*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#152a35;font:15px system-ui,-apple-system,Segoe UI,sans-serif}header{background:#143d50;color:white;padding:16px 22px;display:flex;justify-content:space-between;align-items:center}header a{color:white}main{max-width:1040px;margin:24px auto;padding:0 14px}.card{background:white;border:1px solid #dce4e9;border-radius:14px;padding:18px;margin:12px 0;box-shadow:0 2px 6px #10203008}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cams{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cams .card:last-child:nth-child(odd){grid-column:span 2}.camera{height:130px;display:grid;place-items:center;background:#e9eff2;color:#567;border-radius:10px}.gate{font-size:62px;text-align:center}.status{font-weight:700;text-align:center}.unknown{color:#667}.closed{color:#15845a}.open{color:#d04444}button,.btn{background:#176a80;border:0;color:white;border-radius:9px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5}input,select{width:100%;padding:10px;border:1px solid #bbcbd3;border-radius:7px;margin:5px 0 12px}label{display:block;font-weight:600}table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid #e2e8ec;padding:10px;text-align:left}nav a{margin-right:12px;color:#165a70;display:inline-block;padding:7px 0}.error{background:#ffe8e6;padding:12px;border-radius:9px}.ok{background:#e1f5eb;padding:12px;border-radius:9px}.muted{color:#657984}form.inline{display:inline}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:600px){header{align-items:flex-start;gap:10px}main{margin:10px auto}.cams{grid-template-columns:1fr}.cams .card:last-child:nth-child(odd){grid-column:auto}}