.sv-cctv{--cv-accent:#22d3b1;background:#091827;color:#e9f2fb;padding:48px 0;font-family:inherit}.sv-cctv-page{padding-top:145px;min-height:80vh}.sv-cctv *{box-sizing:border-box}.sv-cctv h2{color:#fff;font-size:clamp(26px,3vw,38px);font-weight:800;margin:10px 0}.sv-cctv p{color:#a9bdcf;line-height:1.7}.cv-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.cv-eyebrow{color:var(--cv-accent);font-size:11px;letter-spacing:3px;font-weight:800}.sv-cctv a.cv-link{color:var(--cv-accent);white-space:nowrap;font-weight:700}.cv-toolbar{display:flex;gap:14px;align-items:end;padding:20px;background:#12273a;border:1px solid #294054;border-radius:18px;margin-bottom:20px}.cv-toolbar>div:first-child{flex:1}.cv-toolbar label{display:block;font-size:12px;color:#c1d3e3;margin-bottom:7px}.cv-toolbar input,.cv-toolbar select{width:100%;border:1px solid #3a5267;border-radius:9px;padding:11px 14px;background:#091827;color:white;min-height:44px}.sv-cctv button,.cv-watch{border:0;border-radius:9px;padding:11px 18px;background:var(--cv-accent);color:#062b25;font-weight:700;cursor:pointer;min-height:44px}.sv-cctv :focus-visible{outline:3px solid #62e6d0;outline-offset:4px}.cv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sv-cctv-home .cv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cv-card{background:#12273a;border:1px solid #294054;border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.cv-card:hover{transform:translateY(-5px);border-color:#22d3b1;box-shadow:0 16px 36px #0004}.cv-preview{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse at 20% 10%,#225468,#0b1424 75%);overflow:hidden;display:flex;align-items:center;justify-content:center}.cv-preview img{width:100%;height:100%;object-fit:cover}.cv-camera{font-size:44px;color:#6b94ab}.cv-preview:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,#09182755)}.cv-badge{display:inline-flex;align-items:center;gap:6px;background:#314457;color:#d9e4ee;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800}.cv-preview .cv-badge{position:absolute;z-index:1;top:12px;left:12px}.cv-badge.online{background:#093b32;color:#6aefce}.cv-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.cv-body{padding:18px}.sv-cctv .cv-body h3{font-size:17px;color:white;margin:0 0 9px;line-height:1.5}.cv-body p{font-size:13px;min-height:44px;margin-bottom:16px}.sv-cctv .cv-card a{color:var(--cv-accent);font-weight:700}.cv-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px}.sv-cctv button:disabled{opacity:.4;cursor:default}.cv-summary{font-size:13px}.cv-source{font-size:11px;margin:24px 0 0}.cv-empty{padding:40px;text-align:center;background:#12273a;border:1px dashed #476175;border-radius:18px}.cv-detail{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:24px;align-items:start}.cv-player,.cv-info{background:#12273a;border:1px solid #294054;border-radius:18px;overflow:hidden}.cv-player video{display:block;width:100%;aspect-ratio:16/9;background:#020914}.cv-player-controls{padding:18px}.cv-player-message{font-size:13px}.cv-info{padding:24px}.cv-info h3{color:white;margin:14px 0;font-size:23px}.cv-info dl{margin:20px 0}.cv-info dt{color:#92abc0;font-size:12px;margin-top:17px}.cv-info dd{margin:5px 0;color:#fff;overflow-wrap:anywhere}.cv-info a{color:var(--cv-accent)}@media(max-width:991px){.cv-grid,.sv-cctv-home .cv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-detail{grid-template-columns:1fr}.cv-toolbar{flex-wrap:wrap}.cv-toolbar>div:first-child{flex-basis:100%}}@media(max-width:575px){.cv-grid,.sv-cctv-home .cv-grid{grid-template-columns:1fr}.cv-heading{display:block}.cv-heading .cv-link{display:inline-block;margin-bottom:10px}.cv-toolbar>div{flex:1}.cv-toolbar button{width:100%}.sv-cctv-page{padding-top:110px}}@media(prefers-reduced-motion:reduce){.cv-card{transition:none}.cv-card:hover{transform:none}}