body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.start-btn{width:20%}.App{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}h1{color:#1a365d;margin-bottom:30px;text-align:center}.controls-container{background-color:#282c34;box-shadow:0 2px 5px #0000001a;height:10%;left:15.6rem;padding:20px;position:absolute;top:0;width:calc(100% - 15.6rem);z-index:10000}.dropdown-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:20px}.dropdown-group{flex:1 1;gap:4rem;min-width:250px}label{color:#555;display:block;font-weight:600;margin-bottom:5px}select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}select:disabled{background-color:#f5f5f5;cursor:not-allowed}.area-select,.camera-select,.location-select{position:absolute;top:1.4rem;width:12%}.stream-controls{display:flex;justify-content:center}button{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:background-color .2s}.start-btn{background-color:#38a169;color:#fff;height:70%;margin-top:.1rem;width:100%}.start-btn:hover{background-color:#2f855a}.start-btn:disabled{background-color:#9ae6b4;cursor:not-allowed}.stop-btn{background-color:#e53e3e;color:#fff}.stop-btn:hover{background-color:#c53030}.stream-container{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.stream-placeholder{align-items:center;background-color:#2d3748;color:#fff;display:flex;justify-content:center}.placeholder-text{font-size:18px;max-width:80%;text-align:center}.stream-stats{background-color:#fff;border-top:1px solid #eaeaea;padding:20px}.stream-stats h3{color:#1a365d;margin-bottom:15px;margin-top:0}.vehicle-stats-overlay{background-color:#000000b3;border-radius:5px;color:#fff;left:10px;padding:10px;position:absolute;top:10px;z-index:10}.stat-item{display:flex;justify-content:space-between;margin-bottom:8px;min-width:150px}.stat-item.in .stat-value{color:#ff3b3b;font-weight:700}.stat-item.out .stat-value{color:#3b9eff;font-weight:700}.stat-item.total .stat-value{color:#fff;font-weight:700}.stat-item.location{font-style:italic;margin-top:10px}.stat-label{margin-right:10px}.stats-button-group{display:flex;flex-direction:row;gap:12px;margin-left:160px;margin-top:10px}.stats-button{background-color:#3c3c3c;border:none;border-radius:3px;box-shadow:none;color:#ccc;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transform:scale(1);transition:all .25s ease}.stats-button:hover{background-color:#1abc9c;box-shadow:0 0 10px #ffffff1a;transform:scale(1.05)}.stats-button.active{animation:pulse 1.5s infinite;background-color:#1abc9c;box-shadow:0 0 8px #d3f55fcc;color:#000}@keyframes pulse{0%{box-shadow:0 0 0 0 #d3f55f66}70%{box-shadow:0 0 0 10px #d3f55f00}to{box-shadow:0 0 0 0 #d3f55f00}}
/*# sourceMappingURL=main.156ce222.css.map*/