@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--bg-primary:#fbeee0;--color-black:#000;--color-white:#fff;--accent-yellow:#ffde47;--accent-cyan:#40a578;--accent-blue:#5bbcff;--accent-magenta:#ff4081;--accent-pink:#ff8a08;--accent-purple:#9b5de5;--border-thick:4px solid var(--color-black);--border-medium:3px solid var(--color-black);--border-thin:2px solid var(--color-black);--shadow-thick:6px 6px 0px 0px var(--color-black);--shadow-medium:4px 4px 0px 0px var(--color-black);--shadow-thin:2px 2px 0px 0px var(--color-black);--shadow-hover:8px 8px 0px 0px var(--color-black);--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"Space Mono", monospace;background-color:var(--bg-primary);color:var(--color-black);font-family:var(--font-sans);margin:0;padding:0}body{min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.5px;margin:0;font-weight:900}p{font-family:var(--font-sans);margin:0;line-height:1.5}.nb-card{background-color:var(--color-white);border:var(--border-thick);box-shadow:var(--shadow-thick);padding:24px;transition:all .15s ease-in-out;position:relative}.nb-card.hoverable:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.nb-card.accent-yellow{background-color:var(--accent-yellow)}.nb-card.accent-cyan{background-color:var(--accent-cyan)}.nb-card.accent-blue{background-color:var(--accent-blue)}.nb-card.accent-magenta{background-color:var(--accent-magenta)}.nb-card.accent-purple{background-color:var(--accent-purple)}.nb-btn{font-family:var(--font-sans);text-transform:uppercase;background-color:var(--accent-yellow);color:var(--color-black);border:var(--border-medium);box-shadow:var(--shadow-medium);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 20px;font-weight:800;text-decoration:none;transition:all .1s ease-in-out;display:inline-flex}.nb-btn:hover{box-shadow:var(--shadow-thick);transform:translate(-1px,-1px)}.nb-btn:active{box-shadow:var(--shadow-thin);transform:translate(3px,3px)}.nb-btn.accent-blue{background-color:var(--accent-blue)}.nb-btn.accent-magenta{background-color:var(--accent-magenta);color:var(--color-white)}.nb-btn.accent-purple{background-color:var(--accent-purple);color:var(--color-white)}.nb-btn.accent-cyan{background-color:var(--accent-cyan);color:var(--color-white)}.nb-btn.secondary{background-color:var(--color-white)}.nb-btn.danger{background-color:var(--accent-magenta);color:var(--color-white)}.nb-btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:var(--shadow-medium)!important;transform:none!important}.nb-input-wrapper{width:100%;position:relative}.nb-input{font-family:var(--font-sans);box-sizing:border-box;border:var(--border-medium);width:100%;box-shadow:var(--shadow-medium);background-color:var(--color-white);outline:none;padding:12px 16px;font-weight:600;transition:all .1s ease-in-out}.nb-input:focus{box-shadow:var(--shadow-thick);background-color:#fffff6}.nb-badge{font-family:var(--font-mono);border:var(--border-thin);background-color:var(--color-white);text-transform:uppercase;padding:4px 8px;font-size:13px;font-weight:700;display:inline-block}.nb-badge.yellow{background-color:var(--accent-yellow)}.nb-badge.cyan{background-color:var(--accent-cyan);color:var(--color-white)}.nb-badge.blue{background-color:var(--accent-blue)}.nb-badge.magenta{background-color:var(--accent-magenta);color:var(--color-white)}.nb-badge.purple{background-color:var(--accent-purple);color:var(--color-white)}.nb-select{font-family:var(--font-sans);border:var(--border-medium);box-shadow:var(--shadow-medium);background-color:var(--color-white);cursor:pointer;outline:none;padding:10px 16px;font-weight:700}.nb-select:focus{box-shadow:var(--shadow-thick)}@keyframes pulse-brutal{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 6px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.blip-online{border:var(--border-thin);background-color:#39ff14;border-radius:50%;width:12px;height:12px;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:24px}.grid-cols-1{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-cols-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}}@media (width>=1024px){.grid-cols-3{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}}.cctv-card[data-v-60337356]{box-sizing:border-box;flex-direction:column;height:100%;padding:16px;display:flex}.card-header[data-v-60337356]{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.camera-title[data-v-60337356]{text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:65%;font-size:16px;font-weight:800;overflow:hidden}.header-badges[data-v-60337356]{flex-shrink:0;gap:6px;display:flex}.mode-badge[data-v-60337356]{font-size:10px}.screen-container[data-v-60337356]{aspect-ratio:16/9;border:var(--border-medium);background-color:#000;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.video-player[data-v-60337356]{object-fit:contain;width:100%;height:100%;display:block}.iframe-player[data-v-60337356]{background:#000;border:none;width:100%;height:100%}.overlay-msg[data-v-60337356]{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.loading-overlay[data-v-60337356]{color:var(--accent-yellow);background-color:#000000f2}.error-overlay[data-v-60337356]{color:var(--color-white);background-color:#000000f2}.spinner[data-v-60337356]{border:4px solid var(--accent-yellow);border-top-color:#0000;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin-60337356}.mono-text[data-v-60337356]{font-family:var(--font-mono);font-size:12px}.emoji[data-v-60337356]{margin-bottom:8px;font-size:32px}.error-title[data-v-60337356]{font-family:var(--font-sans);text-transform:uppercase;color:var(--accent-magenta);margin-bottom:4px;font-size:15px;font-weight:800}.error-desc[data-v-60337356]{color:#ccc;max-width:80%;margin-bottom:12px;font-size:11px}.controls-panel[data-v-60337356]{flex-direction:column;gap:8px;margin-top:auto;display:flex}.button-row[data-v-60337356]{gap:8px;display:flex}.btn-sm[data-v-60337356]{flex:1;justify-content:center;padding:6px 12px;font-size:12px}.btn-icon[data-v-60337356]{width:14px;height:14px}.cctv-info[data-v-60337356]{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:flex}.info-label[data-v-60337356]{font-weight:700}.input-mini[data-v-60337356]{height:auto;font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;overflow:hidden}@keyframes spin-60337356{to{transform:rotate(360deg)}}#app{border-inline:none!important;width:100%!important;max-width:100%!important}.app-container{flex-direction:column;gap:24px;max-width:1280px;margin:0 auto;padding:24px;display:flex}.hero-header{padding:32px 24px}.header-main{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.logo-title{color:var(--color-black);text-shadow:2px 2px 0px var(--color-white);font-size:42px;font-weight:900}.logo-badge{font-size:14px;transform:rotate(-2deg)}.tagline{color:var(--color-black);max-width:700px;font-size:18px;font-weight:600}.main-content{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.main-content{grid-template-columns:320px 1fr}}.sidebar-panel{flex-direction:column;gap:20px;display:flex}.section-title{font-size:20px}.section-desc{color:#333;font-size:14px;line-height:1.4}.search-section{position:relative}.search-icon{pointer-events:none;width:18px;height:18px;position:absolute;top:13px;right:14px}.autocomplete-dropdown{z-index:100;border-width:3px;width:100%;max-height:250px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:4px 4px #000}.dropdown-list{margin:0;padding:0;list-style:none}.dropdown-item{cursor:pointer;border-bottom:2px solid var(--color-black);align-items:center;gap:8px;padding:10px 16px;font-size:13px;transition:background-color .1s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--accent-yellow)}.mono-id{font-family:var(--font-mono);color:#555;font-size:11px}.dropdown-empty{text-align:center;margin:0;padding:12px;font-size:14px;font-weight:700}.selected-info{flex-direction:column;gap:8px;padding:16px;display:flex}.label-mini{align-self:flex-start;font-size:9px}.satker-name-selected{text-transform:uppercase;font-size:18px;font-weight:800}.satker-id-mono{font-family:var(--font-mono);margin-bottom:8px;font-size:11px}.reload-btn{justify-content:center;align-self:stretch}.btn-icon{width:16px;height:16px}.spin-active{animation:1s linear infinite spin}.stats-panel{flex-direction:column;gap:12px;display:flex}.stats-title{font-size:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-item{background-color:var(--color-white);border:var(--border-thin);flex-direction:column;align-items:center;padding:8px;display:flex}.stat-val{font-family:var(--font-mono);font-size:24px;font-weight:800}.stat-lbl{text-transform:uppercase;color:#666;font-size:10px;font-weight:700}.credit-text{border-top:var(--border-thin);margin-top:4px;padding-top:12px;font-size:12px;line-height:1.4}.link-brutal{color:var(--color-black);font-weight:700;text-decoration:underline}.link-brutal:hover{background-color:var(--color-black);color:var(--accent-yellow)}.error-box{flex-direction:column;gap:8px;padding:16px;display:flex}.error-hdr{color:var(--color-white);font-size:16px}.error-body{color:var(--color-white);font-size:13px}.dashboard-area{flex-direction:column;gap:24px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.toolbar-left{align-items:center;gap:12px;display:flex}.toolbar-title{text-transform:uppercase;font-size:20px;font-weight:900}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.massive-spinner{border:8px solid var(--accent-yellow);border-top-color:var(--color-black);border-radius:50%;width:64px;height:64px;animation:.8s linear infinite spin;box-shadow:4px 4px #000}.cctv-grid{align-items:stretch}.empty-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.empty-emoji{font-size:64px}.hint{font-size:14px;font-weight:700}.footer{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.footer-copy{font-size:14px;font-weight:800}.footer-credit{font-size:12px;font-family:var(--font-mono);color:#666}@keyframes spin{to{transform:rotate(360deg)}}.splash-screen{background-color:var(--bg-primary);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.splash-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:450px;padding:48px;display:flex}.splash-logo-box{border-width:4px;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;padding:24px;display:flex;box-shadow:6px 6px #000}.tv-glow{font-size:56px;animation:1.5s infinite pulse-brutal}.splash-logo-text{color:var(--color-white);text-shadow:3px 3px 0px var(--color-black);letter-spacing:1px;font-size:32px;font-weight:950}.splash-loading-bar-wrapper{background-color:var(--color-white);border:var(--border-medium);width:100%;height:24px;box-shadow:var(--shadow-thin);margin-bottom:16px;position:relative;overflow:hidden}.splash-loading-bar{background-color:var(--accent-purple);width:0%;height:100%;animation:2.2s cubic-bezier(.1,.8,.1,1) forwards loading-fill}@keyframes loading-fill{0%{width:0%}to{width:100%}}.splash-subtitle{margin-bottom:12px;font-size:14px;font-weight:800}.splash-dev-tag{text-transform:uppercase;background-color:var(--accent-cyan);color:var(--color-white);border:var(--border-thin);padding:4px 12px;font-size:12px;font-weight:900;box-shadow:2px 2px #000}