.scrollbar-thin::-webkit-scrollbar{width:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#52525b}@keyframes scan{0%{transform:translateY(0)}50%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.95);opacity:.5}}@keyframes threat-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 20px 10px #ef444433}}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes detection-flash{0%,to{opacity:1}50%{opacity:.6}}.animate-scan{animation:scan 2s linear infinite}.animate-pulse-ring{animation:pulse-ring 2s ease-in-out infinite}.animate-threat-pulse{animation:threat-pulse 1.5s ease-in-out infinite}.animate-grid-move{animation:grid-move 3s linear infinite}.animate-fade-in-up{animation:fade-in-up .3s ease-out forwards}.animate-detection-flash{animation:detection-flash .5s ease-in-out}.grid-overlay{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px}.glow-blue{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f61a}.glow-green{box-shadow:0 0 20px #10b9814d,0 0 40px #10b9811a}.glow-red{box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}.detection-box-person{border-color:#10b981;box-shadow:0 0 10px #10b98166}.detection-box-vehicle{border-color:#3b82f6;box-shadow:0 0 10px #3b82f666}.detection-box-weapon{border-color:#ef4444;box-shadow:0 0 10px #ef444466;animation:threat-pulse 1.5s ease-in-out infinite}.drop-zone{border:2px dashed #3f3f46;transition:all .3s ease}.drop-zone:hover,.drop-zone.active{border-color:#3b82f6;background:#3b82f60d}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);transition:all .2s ease}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef444466}.video-container{position:relative;overflow:hidden}.video-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1}.hud-corner{position:absolute;width:60px;height:60px;pointer-events:none}.hud-corner:before,.hud-corner:after{content:"";position:absolute;background:#3b82f680}.hud-corner.top-left:before{top:0;left:0;width:30px;height:2px}.hud-corner.top-left:after{top:0;left:0;width:2px;height:30px}.hud-corner.top-right:before{top:0;right:0;width:30px;height:2px}.hud-corner.top-right:after{top:0;right:0;width:2px;height:30px}.hud-corner.bottom-left:before{bottom:0;left:0;width:30px;height:2px}.hud-corner.bottom-left:after{bottom:0;left:0;width:2px;height:30px}.hud-corner.bottom-right:before{bottom:0;right:0;width:30px;height:2px}.hud-corner.bottom-right:after{bottom:0;right:0;width:2px;height:30px}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.active:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid currentColor;opacity:.5;animation:pulse-ring 2s ease-in-out infinite}.source-tab{transition:all .2s ease}.source-tab.active{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}.threat-level-bar{height:4px;background:#27272a;border-radius:2px;overflow:hidden}.threat-level-fill{height:100%;transition:width .5s ease,background .3s ease}.threat-level-fill.low{background:#10b981;width:20%}.threat-level-fill.medium{background:#f59e0b;width:50%}.threat-level-fill.high{background:#ef4444;width:100%}.card-hover{transition:all .2s ease}.card-hover:hover{border-color:#3f3f46;transform:translateY(-1px)}input:focus,button:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.spinner{width:24px;height:24px;border:2px solid #3f3f46;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}