@import "https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap";@import "https://fonts.cdnfonts.com/css/good-times";.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:260px;min-width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.sidebar-logo{align-items:center;display:flex}.logo-img{object-fit:contain;width:auto;height:40px}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:Titillium Web,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-white);background:#00a7c61a}.nav-item.active{color:var(--cyan);border-left:3px solid var(--cyan);background:#00a7c626}.sidebar-footer{border-top:1px solid var(--border);padding:16px 12px}.nav-item.logout:hover{color:var(--danger);background:#ef44441a}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-card);justify-content:flex-end;align-items:center;height:64px;padding:0 32px;display:flex}.menu-toggle{color:var(--text-white);cursor:pointer;background:0 0;border:none;margin-right:auto;display:none}.user-info{color:var(--text-light);align-items:center;gap:10px;font-weight:600;display:flex}.user-avatar{background:var(--cyan);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.page-content{flex:1;padding:32px}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.main-content{margin-left:0}.menu-toggle{display:block}.page-content{padding:20px}}.login-page{background:linear-gradient(135deg,#1a2a30 0%,#223f47 50%,#1a2a30 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{background:#263339;border:2px solid #2d4a54;border-radius:3px;width:100%;max-width:420px;padding:40px}.login-logo{text-align:center;margin-bottom:36px}.login-logo-img{object-fit:contain;width:auto;height:90px}.login-error{color:var(--danger);background:#ef444426;border:1px solid #ef44444d;border-radius:3px;margin-bottom:16px;padding:10px 14px;font-size:14px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-muted);letter-spacing:2px;margin-bottom:8px;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:700;display:block}.settings-input{background:var(--bg-input);border:1px solid var(--border);border-bottom:2px solid var(--border);width:100%;color:var(--text-white);border-radius:3px;outline:none;padding:12px 16px;font-family:Titillium Web,sans-serif;font-size:14px;transition:border-color .2s}.settings-input:focus{border-bottom-color:var(--cyan)}.login-btn{background:var(--orange);color:#fff;letter-spacing:3px;cursor:pointer;border:none;border-radius:3px;width:100%;margin-top:8px;padding:16px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:700;transition:all .3s;transform:skew(-5deg)}.login-btn:hover{background:var(--orange-hover);transform:skew(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-title{color:var(--text-white);margin-bottom:4px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--cyan)}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-value{color:var(--text-white);font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.card-title{color:var(--text-white);margin-bottom:20px;font-size:18px;font-weight:700}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.data-table td{color:var(--text-light);white-space:nowrap;border-bottom:1px solid #2d4a5466;padding:12px}.data-table tbody tr:hover{background:#00a7c60d}.data-table tbody tr:last-child td{border-bottom:none}.cell-name{color:var(--text-white);font-weight:600}.cell-id{color:var(--cyan);font-family:monospace;font-weight:700}.badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.badge-critical{color:#ef4444;background:#ef444426}.badge-warning{color:#eab308;background:#eab30826}.badge-sm{border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.badge-sm-ok{color:#22c55e;background:#22c55e26}.badge-sm-alarm{color:#ef4444;background:#ef444426}.input-badges{flex-wrap:wrap;gap:4px;display:flex}.text-muted{color:var(--text-muted)}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-header-row .page-title{margin-bottom:4px}.page-header-row .page-subtitle{margin-bottom:0}.loading-badge{background:var(--cyan);color:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.refresh-btn{background:var(--cyan);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 24px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s}.refresh-btn:hover{opacity:.85}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{background:var(--orange);color:#fff;letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;padding:10px 32px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.save-btn:hover{background:var(--orange-hover)}.small-btn{background:var(--cyan);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;display:flex}.small-btn:hover{opacity:.85}.small-btn-danger{background:#ef4444}.small-btn-danger:hover{background:#dc2626}.filter-btn{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--cyan);color:var(--text-white)}.filter-btn-active{border-color:var(--cyan);color:var(--cyan);background:#00a7c61a}.filter-panel{padding:20px}.filter-section{flex-direction:column;gap:16px;display:flex}.filter-group{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.filter-group-label{color:var(--text-muted);align-items:center;gap:6px;min-width:90px;padding-top:2px;font-size:13px;font-weight:600;display:flex}.filter-cols{flex-wrap:wrap;gap:8px;display:flex}.filter-check{cursor:pointer;color:var(--text-light);align-items:center;gap:6px;font-size:13px;display:flex}.filter-check input[type=checkbox]{accent-color:var(--cyan);cursor:pointer}.row-offline{background:#ef44440d!important}.row-offline:hover{background:#ef44441a!important}.input-group-settings{margin-bottom:20px}.input-group-settings label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.settings-input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-white);border-radius:8px;outline:none;padding:12px 16px;font-family:Titillium Web,sans-serif;font-size:14px;transition:border-color .2s}.settings-input:focus{border-color:var(--cyan)}.settings-input::placeholder{color:#4a6a74}.settings-input-sm{width:200px;padding:8px 12px;font-size:13px}.settings-input-xs{text-align:center;width:70px;padding:6px 10px;font-size:13px}.tower-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.tower-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s}.tower-card:hover{border-color:var(--cyan)}.tower-online{border-left:3px solid #22c55e}.tower-offline{background:#ef444408;border-left:3px solid #ef4444}.tower-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tower-id{color:var(--cyan);font-family:monospace;font-size:15px;font-weight:700}.tower-offline .tower-id{color:#ef4444}.tower-status-dot{border-radius:50%;width:10px;height:10px}.dot-online{background:#22c55e;box-shadow:0 0 6px #22c55e}.dot-offline{background:#ef4444;animation:1.5s infinite blink;box-shadow:0 0 6px #ef4444}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tower-location{color:var(--text-muted);margin-bottom:12px;font-size:13px}.tower-stats{flex-wrap:wrap;gap:8px;display:flex}.tower-stat{color:var(--text-light);align-items:center;gap:4px;font-size:13px;display:flex}.tower-stat-label{color:var(--text-muted);font-size:11px;font-weight:600}.tower-stat-val{font-weight:600}.tower-input-status{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.input-ok{color:#22c55e;background:#22c55e26}.input-alarm{color:#ef4444;background:#ef444426}.tower-no-data{color:var(--text-muted);padding:8px 0;font-size:13px}.tower-offline .tower-no-data{color:#ef4444}.tower-status-label{letter-spacing:2px;margin-top:12px;font-size:11px;font-weight:700}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.tab:hover{color:var(--text-white)}.tab-active{color:var(--cyan);border-bottom-color:var(--cyan)}.alarm-row{border-bottom:1px solid #2d4a544d;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.alarm-row:last-child{border-bottom:none}.alarm-row-left{color:var(--text-muted);align-items:center;gap:12px;display:flex}.alarm-row-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.alarm-label{color:var(--text-white);font-size:14px;font-weight:600}.alarm-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.threshold-input{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-input);border:1px solid var(--border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{border-color:var(--cyan);background:#00a7c64d}.toggle input:checked+.toggle-slider:before{background:var(--cyan);transform:translate(20px)}.toggle-overridden{border-color:var(--orange)!important}.toggle-sm{width:36px;height:20px}.toggle-sm .toggle-slider:before{width:14px;height:14px}.toggle-sm input:checked+.toggle-slider:before{transform:translate(16px)}.alarm-log{flex-direction:column;gap:0;display:flex}.alarm-log-item{border-bottom:1px solid #2d4a544d;align-items:center;gap:16px;padding:12px 0;display:flex}.alarm-log-item:last-child{border-bottom:none}.alarm-critical{border-left:3px solid #ef4444;padding-left:12px}.alarm-warning{border-left:3px solid #eab308;padding-left:12px}.alarm-log-time{color:var(--text-muted);min-width:140px;font-family:monospace;font-size:12px}.alarm-log-message{color:var(--text-light);flex:1;font-size:14px}.user-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.form-field select{appearance:none;cursor:pointer}.straz-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.straz-layout{grid-template-columns:1fr}}.straz-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-self:start;padding:16px;position:sticky;top:80px}.straz-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.straz-controls{gap:10px;margin-top:12px;display:flex}.straz-btn{cursor:pointer;border:2px solid;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.straz-btn:disabled{opacity:.5;cursor:not-allowed}.straz-btn-on{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.straz-btn-on:hover:not(:disabled){background:#22c55e40}.straz-btn-off{color:#ef4444;background:#ef44441a;border-color:#ef4444}.straz-btn-off:hover:not(:disabled){background:#ef444440}.straz-state{letter-spacing:2px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:16px;font-weight:700;display:flex}.straz-btn-sm{cursor:pointer;border:none;border-radius:6px;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.straz-btn-sm:disabled{opacity:.3}.straz-btn-sm-on{color:#22c55e;background:#22c55e26}.straz-btn-sm-on:hover:not(:disabled){background:#22c55e4d}.straz-btn-sm-off{color:#ef4444;background:#ef444426}.straz-btn-sm-off:hover:not(:disabled){background:#ef44444d}.straz-log-item{border-bottom:1px solid #2d4a544d;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.straz-log-item:last-child{border-bottom:none}.row-selected{background:#00a7c614!important}.row-selected td:first-child{border-left:3px solid var(--cyan)}.straz-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.straz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px}.straz-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.straz-card-id{color:var(--cyan);font-family:monospace;font-size:15px;font-weight:700}.straz-card-loc{color:var(--text-muted);margin-top:2px;font-size:12px}.straz-card-actions{gap:6px;display:flex}.straz-card-actions .straz-btn-sm{flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:12px;display:flex}.straz-btn-sm-plan{color:var(--cyan);background:#00a7c626}.straz-btn-sm-plan:hover{background:#00a7c64d}.straz-btn-sm-on span,.straz-btn-sm-off span,.straz-btn-sm-plan span{display:none}@media (width>=400px){.straz-btn-sm-on span,.straz-btn-sm-off span,.straz-btn-sm-plan span{display:inline}}.planner{max-width:480px;margin:0 auto}.plan-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.plan-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.plan-title{color:var(--text-white);margin:0;font-size:22px;font-weight:700}.plan-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.plan-days{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.plan-day{border:2px solid var(--border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.plan-day:hover{border-color:var(--cyan);color:var(--text-white)}.plan-day-active{background:var(--cyan);border-color:var(--cyan);color:#fff}.plan-section-label{color:var(--text-muted);letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:700}.plan-quick{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.plan-quick-btn{color:var(--cyan);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;transition:background .15s;display:flex}.plan-quick-btn:hover{background:#00a7c61a}.plan-quick-danger{color:#ef4444}.plan-quick-danger:hover{background:#ef44441a}.plan-quick-icon{font-size:16px}.plan-legend{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.plan-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.plan-legend-dot{border-radius:3px;width:10px;height:10px}.plan-legend-on{background:#0e7490}.plan-legend-off{background:var(--border)}.plan-select-all{color:var(--cyan);cursor:pointer;background:0 0;border:none;margin-left:auto;font-family:Titillium Web,sans-serif;font-size:12px;font-weight:600}.plan-grid{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.plan-hour-row{gap:12px;display:flex}.plan-hour-group{flex:1}.plan-hour-label{color:var(--text-muted);text-align:center;margin-bottom:4px;font-size:11px;font-weight:600}.plan-slots{grid-template-columns:1fr 1fr;gap:3px;display:grid}.plan-slot{cursor:pointer;text-align:center;border:none;border-radius:4px;padding:8px 2px;font-family:Titillium Web,sans-serif;font-size:12px;font-weight:600;transition:all .1s}.plan-slot-on{color:#fff;background:#0e7490}.plan-slot-off{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.plan-slot:hover{transform:scale(1.05)}.plan-save{color:#fff;cursor:pointer;background:#0e7490;border:none;border-radius:12px;width:100%;margin-bottom:24px;padding:16px;font-family:Titillium Web,sans-serif;font-size:16px;font-weight:700;transition:background .2s}.plan-save:hover{background:#0c6a82}.plan-save:disabled{opacity:.5;cursor:not-allowed}.alarm-list-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.alarm-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .2s;overflow:hidden}.alarm-card:hover{border-color:#ef4444}.alarm-card-thumb{aspect-ratio:16/9;background:#111;position:relative}.alarm-card-img{object-fit:cover;width:100%;height:100%}.alarm-card-play{color:#fff;opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.alarm-card:hover .alarm-card-play{opacity:1}.alarm-card-frames{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:6px}.alarm-card-info{padding:10px 14px}.alarm-card-tower{color:#ef4444;font-family:monospace;font-size:14px;font-weight:700}.alarm-card-time{color:var(--text-muted);margin-top:2px;font-size:12px}.alarm-card-age{color:var(--text-muted);font-size:11px}.alarm-player-img-wrap{background:#111;border-radius:8px;position:relative;overflow:hidden}.alarm-player-img{border-radius:8px;width:100%;display:block}.alarm-play-btn{color:#fff;cursor:pointer;background:#0006;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.alarm-play-btn:hover{background:#0003}.alarm-player-controls{align-items:center;gap:8px;margin-top:8px;display:flex}.alarm-frame-counter{color:var(--text-muted);text-align:center;min-width:60px;font-family:monospace;font-size:13px}.vpn-link{color:var(--cyan);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:monospace;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.vpn-link:hover{color:#fff;background:#00a7c626}.cam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.cam-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .2s,transform .1s;overflow:hidden}.cam-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.cam-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cam-card-id{color:var(--cyan);font-family:monospace;font-size:14px;font-weight:700}.cam-card-loc{color:var(--text-muted);font-size:12px}.cam-feed-wrapper{aspect-ratio:16/9;background:#111;width:100%;position:relative}.cam-feed{object-fit:cover;width:100%;height:100%;display:block}.cam-feed-large{object-fit:contain;background:#111;border-radius:8px;width:100%;max-height:70vh}.cam-offline{color:#ef4444;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.cam-offline-ip{color:var(--text-muted);font-family:monospace;font-size:12px}.cam-single{border:1px solid var(--border);background:#111;border-radius:12px;overflow:hidden}.cam-fullscreen{z-index:999;background:#000;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.cam-fullscreen .cam-single{flex:1;justify-content:center;align-items:center;display:flex}.cam-fullscreen .cam-feed-large{max-height:calc(100vh - 120px)}.cam-fullscreen .page-header-row{margin-bottom:12px}.cam-fullscreen .page-title{color:#fff}.cam-fullscreen .page-subtitle{color:#8fa8b0}.power-btn{letter-spacing:1px;cursor:pointer;border:2px solid;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Titillium Web,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex}.power-off{border-color:var(--border);color:var(--text-muted);background:0 0}.power-off:hover{color:#22c55e;border-color:#22c55e}.power-on{color:#22c55e;background:#22c55e26;border-color:#22c55e;box-shadow:0 0 12px #22c55e33}.power-on:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.cam-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-white);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-family:Titillium Web,sans-serif;font-size:13px}.cam-select:focus{border-color:var(--cyan)}.stream-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.stream-play{color:#fff;background:#22c55e}.stream-play:hover{background:#16a34a}.stream-stop{color:#fff;background:#ef4444;animation:1s infinite pulse}.stream-stop:hover{background:#dc2626}.stream-progress{background:var(--border);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.stream-progress-bar{background:#22c55e;border-radius:2px;height:100%;transition:width 1s linear}.cam-thumbs-detail{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=768px){.cam-thumbs-detail{grid-template-columns:repeat(3,1fr)}}.cam-thumb-detail{cursor:pointer;border:2px solid var(--border);background:#111;border-radius:8px;transition:all .2s;overflow:hidden}.cam-thumb-detail:hover{border-color:var(--cyan);transform:translateY(-2px)}.cam-thumb-detail-active{border-color:var(--cyan);box-shadow:0 0 12px #00a7c64d}.cam-thumb-detail-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.cam-thumb-detail-label{text-align:center;color:var(--text-muted);background:var(--bg-card);padding:6px;font-size:12px;font-weight:600;display:block}.cam-thumb-detail-active .cam-thumb-detail-label{color:var(--cyan)}.cam-tap-hint{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:12px;margin-bottom:16px;padding:32px;font-size:15px}.stream-bar{background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.stream-bar-label{color:#22c55e;font-size:13px;font-weight:600;animation:1.5s infinite pulse}.stream-bar-timer{flex:1;align-items:center;gap:10px;max-width:200px;display:flex}.stream-bar-countdown{color:var(--text-muted);text-align:right;min-width:30px;font-family:monospace;font-size:13px;font-weight:700}.cam-fs-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:8px;align-items:center;padding:8px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.cam-fs-btn:hover{background:#00a7c6cc}.cam-fs-container{background:#000;flex-direction:column;justify-content:center;height:100%;display:flex}.cam-fs-container .cam-single{flex:1;justify-content:center;align-items:center;display:flex}.cam-fs-container .cam-feed-large{width:100%;max-height:calc(100vh - 60px)}.cam-status-bar{background:var(--bg-card);border:1px solid var(--border);color:var(--text-light);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#1a2a30;--bg-sidebar:#223f47;--bg-card:#263339;--bg-input:#1e3038;--cyan:#00a7c6;--orange:#f3903a;--orange-hover:#e07e28;--text-white:#fff;--text-muted:#8fa8b0;--text-light:#c4d4da;--border:#2d4a54;--success:#22c55e;--warning:#eab308;--danger:#ef4444}body{background:var(--bg-dark);color:var(--text-white);min-height:100vh;font-family:Titillium Web,sans-serif}#root{min-height:100vh}a{color:var(--cyan);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit}