:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#192c39;background:#f3f5f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid #dfe5e8;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:650}.mark{display:grid;place-items:center;background:#174e50;color:white;width:34px;height:34px;border-radius:9px}main{max-width:1160px;margin:54px auto;padding:0 28px;min-height:70vh}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#48716d}h1{font-size:34px;letter-spacing:-.025em;margin:12px 0}p{color:#6a7984;line-height:1.5}.intro{margin:0 0 30px}button,input,select{font:inherit;border-radius:7px;padding:11px 16px}button{border:1px solid #1a5b58;background:#1a5b58;color:white;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}.quiet{background:white;border-color:#d7dfe2;color:#2e4c57}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}input,select{background:white;border:1px solid #cbd6db;min-width:170px;color:#192c39}#filters{background:white;border:1px solid #dfe5e8;border-radius:10px;padding:24px;display:flex;align-items:end;gap:16px}#filters button{margin-left:8px}.list-head{display:flex;align-items:center;justify-content:space-between;margin-top:34px}.list-head h2{font-size:19px}#count{color:#75858e;font-size:13px}.event{background:white;border:1px solid #dce4e7;border-radius:10px;margin:16px 0;overflow:hidden;display:grid;grid-template-columns:360px 1fr}.event img{display:block;width:100%;height:240px;object-fit:contain;background:#14232d}.details{padding:24px}.meta{display:flex;gap:14px;align-items:center;color:#637780;font-size:13px}.section{background:#edf3f4;color:#3d6668;border-radius:4px;padding:5px 8px}.details h3{font-size:20px;margin:20px 0 12px}.aspect{display:flex;align-items:center;gap:8px;margin-bottom:23px;font-size:14px}.dot{height:10px;width:10px;border-radius:50%;background:#a9b1b9;border:1px solid #0002}.red{background:#d74343}.green{background:#39a271}.yellow{background:#e6b42c}.blue{background:#4685d0}.white{background:#fff}.videos{grid-column:1/-1;padding:0 24px 24px}.clips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.clips button{font-size:12px}.clips button.selected{background:#1a5b58;color:white}video{width:100%;max-height:560px;background:#14232d;border-radius:6px}.login{max-width:390px;margin:70px auto}.login h1{font-size:30px}#login-form{display:grid;gap:20px;margin-top:28px}#login-error{color:#b43636;margin:0}footer{max-width:1104px;margin:40px auto 24px;display:flex;justify-content:space-between;font-size:12px;color:#85929b;padding:0 28px}#message:empty{display:none}#more{display:block;margin:24px auto}[hidden]{display:none!important}@media(max-width:750px){main{margin-top:30px;padding:0 16px}h1{font-size:27px}header{padding:0 16px}.event{grid-template-columns:1fr}.event img{height:auto;max-height:350px}.details{padding:20px}#filters{padding:18px;flex-wrap:wrap}#filters label{flex:1}select{min-width:100px;width:100%}#filters button{margin:0;width:100%}footer{gap:16px;flex-wrap:wrap}}

.event-picture{display:block;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:#14232d;cursor:zoom-in}.event-picture:hover{filter:none}.event-picture:focus-visible{outline:3px solid #239f98;outline-offset:-3px}body.image-open{overflow:hidden}#image-viewer{padding:16px;border:0;border-radius:10px;background:#14232d;max-width:96vw;max-height:96vh;max-height:96dvh;box-shadow:0 20px 80px #0006}#image-viewer::backdrop{background:#071119d9}#close-image{display:block;margin:0 0 12px auto}#large-image{display:block;max-width:calc(96vw - 32px);max-height:calc(96vh - 100px);max-height:calc(96dvh - 100px);width:auto;height:auto;object-fit:contain}

.video-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.camera-column{min-width:0}.camera-column h4{font-size:17px;margin:0 0 14px}.camera-column .clips{flex-direction:column;align-items:stretch}.camera-column .clips button{width:100%;padding:10px 8px;font-size:13px;font-variant-numeric:tabular-nums}.camera-column video{display:block;aspect-ratio:16/9;object-fit:contain}.video-status:empty{display:none}@media(max-width:600px){.video-columns{gap:12px}.videos{padding-left:12px;padding-right:12px}.camera-column .clips button{font-size:11px}}

.section-status{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:13px;color:#637780;white-space:nowrap}.section-status::before{content:'';width:9px;height:9px;border-radius:50%;background:#85929b;flex-shrink:0}.section-status.online{color:#246c49}.section-status.online::before{background:#29915e}.section-status.offline{color:#a23535}.section-status.offline::before{background:#c64343}@media(max-width:1000px){#filters{flex-wrap:wrap}}

.section-connection{display:flex;flex-direction:column;gap:5px;align-self:center}.section-connection .section-status{align-self:flex-start;white-space:normal}.section-connection small{font-size:11px;color:#637780}#filters{flex-wrap:wrap}