:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f5;font-family:Rajdhani,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:600;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden!important}body{background:#f4f4f5;place-items:center;min-width:320px;min-height:100vh;display:flex;overflow-x:hidden!important}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden!important}::-webkit-scrollbar{width:6px;height:0!important}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}h1,h2,h3,h4,h5,h6{color:#111827;text-transform:uppercase;letter-spacing:.15em;margin:0;font-family:Orbitron,sans-serif;font-weight:700}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001a}.dashboard-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;height:100vh;padding:0;display:flex;position:relative;overflow-x:hidden!important}.dashboard-header{text-align:left;margin-bottom:.5rem}.dashboard-header h1{color:#111827;text-shadow:0 4px 20px #0000001a;font-size:2.5rem}.dashboard-header .accent-letter{color:#ff3b30}.dashboard-header .subtitle{color:#64748b;letter-spacing:.05em;margin-top:.5rem;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600}.dashboard-content{flex:1;justify-content:center;align-items:center;gap:3rem;padding:0 1rem;display:flex;position:relative}.camera-container{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:relative;overflow:hidden}.camera-container:hover{transform:scale(1.01)}.camera-video{object-fit:cover;border-radius:16px;width:100%;height:100%}.camera-overlay{color:#fff;background:#000000b3;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;display:flex;position:absolute;top:1.5rem;left:1.5rem}.live-indicator{background-color:#ff3b30;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff3b30b3}70%{transform:scale(1);box-shadow:0 0 0 8px #ff3b3000}to{transform:scale(.95);box-shadow:0 0 #ff3b3000}}.notification-area{pointer-events:none;z-index:1000;flex-direction:column;gap:1.2rem;width:40vw;min-width:400px;max-width:600px;display:flex;position:fixed;top:2rem;right:2rem}.notification-card{pointer-events:auto;background:#fff;border-left:5px solid #ff3b30;border-radius:12px;flex-direction:column;gap:.4rem;padding:1.2rem 1.8rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.notification-card.fading-out{animation:.4s forwards fadeOut}.notification-title{text-transform:uppercase;letter-spacing:.15em;color:#64748b;font-family:Orbitron,sans-serif;font-size:.75rem}.notification-message{color:#111827;font-family:Rajdhani,sans-serif;font-size:1.9rem;font-weight:700}.notification-coords{color:#ff4b2b;font-family:monospace;font-size:1.1rem}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}