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}.login *{box-sizing:border-box}.login body{background-color:#f5f5f5;font-family:Segoe UI,sans-serif;margin:0;padding:0}.login{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:80px auto;max-width:320px;padding:24px}.login h2{color:#333;margin-bottom:24px;text-align:center}.login input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:16px;padding:10px 12px;transition:border-color .2s;width:100%}.login:focus{border-color:#0078d4;outline:none}.login-form{align-items:center;display:flex;flex-direction:column}.login .logo{margin-bottom:20px;width:150px}.login button{background-color:#0078d4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:background-color .2s;width:100%}.login button:hover{background-color:#005fa3}.login .error-message{background-color:#ffe0e0;border:1px solid #fcc;border-radius:4px;color:#b00020;font-size:14px;margin:16px auto;max-width:320px;padding:12px;text-align:center}.app{display:flex;flex-direction:column;height:100vh}.header{align-items:center;background-color:#000;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;padding-bottom:1px;padding-top:7px;position:relative;z-index:1000}.header .logo{border-radius:14px;margin-bottom:-4px;margin-top:-5px}.logo{height:40px}.user-menu{position:absolute;right:20px;top:55%;transform:translateY(-50%)}.user-icon{cursor:pointer;height:30px}.user-name{bottom:9px;color:#fff;font-size:16px;font-weight:700;line-height:0;margin-right:10px;position:relative;white-space:nowrap}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;padding:10px;position:absolute;right:0;top:40px;z-index:1000}.dropdown-menu button{background:none;border:none;color:#000;cursor:pointer;padding:10px 20px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0}.main-layout{display:flex;flex:1 1}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem;left:20px;margin-left:0;margin-right:20px;position:absolute;top:40%;transform:translateY(-50%);z-index:1100}.sidebar{background-color:#0d0d0d;display:flex;flex-direction:column;padding:4px 10px 10px;transition:transform .3s ease;width:15%}.sidebar button{background-color:#e7b31a;border:none;color:#000;cursor:pointer;font-size:16px;margin:5px 0;padding:15px}.sidebar button:hover{background-color:#fff}.content{background-color:#fbfbfb;flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.hamburger{display:block}.hamburger.open{color:#fff;transform:translateY(-50%) rotate(90deg);transition:transform .3s ease}.sidebar{height:calc(100% - 60px);left:0;position:absolute;top:60px;transform:translateX(-100%);width:200px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.main-layout{flex-direction:column}}.map-container{border-radius:5px;box-shadow:0 4px 8px #0003}.camera-grid{grid-template-columns:repeat(2,1fr)}.camera-box{background-color:#000;border-radius:5px;height:150px;width:100%}.link-112,.link-cecopal{color:#fff;cursor:pointer;font-weight:700;padding:6px 12px;text-decoration:none}.detector-marker{background-repeat:no-repeat;border-radius:50%;cursor:pointer;height:30px;padding:2px;width:30px}@media screen and (max-width:768px){.detector-marker{height:30px;width:30px}}.detector-marker-image{height:100%;object-fit:contain;width:100%}.pulse{animation:blinker .8s linear infinite}.simulation-running{color:#1976d2;font-weight:700}.simulation-running:after{animation:dots 1.5s steps(3) infinite;content:"";display:inline-block;text-align:left;width:1em}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.soil-sensor-marker{background-color:#fff;background-repeat:no-repeat;border-radius:20%;cursor:pointer;height:30px;padding:2px}.soil-sensor-marker-image{height:100%;object-fit:contain;width:100%}.camera-marker-image,.cannon-station-marker{cursor:pointer;height:26px;width:26px}.cannon-station-marker{background-color:#fff;background-repeat:no-repeat;border-radius:21%;padding:2px}.cannon-station-marker-image{height:100%;object-fit:contain;width:100%}@media screen and (max-width:768px){.cannon-station-marker{height:25px;width:25px}}.cannon-marker{background-color:#00f;background-repeat:no-repeat;border-radius:50%;cursor:pointer;height:30px;width:30px}.cannon-sector-1{background-color:#d600d6}.cannon-sector-2{background-color:#d6c100}.cannon-marker-image{height:100%;object-fit:contain;width:100%}.pulse-slow{animation:blinker 3.5s linear infinite}@keyframes blinker{50%{opacity:0}}.error-dialog-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.error-dialog-box{background-color:hsla(4,88%,71%,.919);border-radius:12px;box-shadow:0 8px 16px #0000004d;color:#fff;padding:24px 32px;pointer-events:auto;text-align:center}.error-dialog-box button{background-color:#fff;border:none;border-radius:6px;color:#f44336;cursor:pointer;margin-top:12px;padding:8px 16px}.mapboxgl-popup-content{background:#fff!important;border-radius:6px!important;box-shadow:0 4px 12px #000000bf!important;font-family:Inter,sans-serif;padding:12px 16px!important}.mapboxgl-popup-tip{border-top-color:#ffffffe6!important}.risk-legend{background:#fff;border-radius:4px;box-shadow:0 2px 6px #0000004d;font-family:sans-serif;font-size:13px;left:250px;min-width:160px;padding:8px 12px;position:absolute;top:10px;z-index:2}@media (max-width:768px){.risk-legend{display:none}}.meteo-dashboard{padding:16px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.dashboard-header h2{flex:1 1;font-size:1.2rem;margin:0}.station-selector{font-size:1rem;min-width:160px;padding:8px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header h2{font-size:1rem}.station-selector{width:100%}}.ptz-container{align-items:center;display:flex;flex-direction:column;gap:10px}.ptz-button{background-color:#f0f0f0;border:1px solid #444;border-radius:50%;cursor:pointer;font-size:20px;height:50px;margin:5px;transition:all .2s ease;width:50px}.ptz-button:hover{background-color:#e0e0e0}.ptz-row{display:flex;gap:10px;justify-content:center;margin-top:0}.ptz-presets{align-items:center;display:flex;gap:10px;margin-top:20px}.ptz-select{font-size:16px;padding:5px}@media (max-height:480px){.ptz-button{font-size:16px;height:35px;margin:4px;width:35px}.ptz-container{gap:0}.ptz-select{font-size:14px;padding:4px}.ptz-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;border-radius:8px;bottom:10px;padding:8px;position:absolute;right:10px;z-index:10}}.gateway-camera{position:relative}.camera-location{color:#666;font-size:.8rem;font-weight:400;margin-left:10px}.camera-info{margin-bottom:10px}.camera-info,.no-cameras{color:#666;text-align:center}.connection-waiting,.no-cameras{grid-column:1/-1;padding:60px 20px}.connection-waiting{text-align:center}.camera-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(660px,1fr));margin-top:30px}.camera-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;height:-webkit-fit-content;height:fit-content;margin:20px;padding:20px;transition:transform .3s ease;width:-webkit-fit-content;width:fit-content}.camera-title{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.video-container{aspect-ratio:16/9;background:#000;border-radius:10px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.video-player{object-fit:cover}.ptz-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff4d;border-radius:8px;bottom:20px;padding:10px;position:absolute;right:20px;z-index:10}.video-placeholder{align-items:center;background:linear-gradient(45deg,#2c3e50,#34495e);color:#fff;font-size:1rem;height:100%;text-align:center;width:100%}.controls,.video-placeholder{display:flex;justify-content:center}.controls{flex-wrap:wrap;gap:10px;margin-bottom:15px;margin-top:20px}.btn{border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(45deg,#45a049,#4caf50);box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.btn-danger{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(45deg,#d32f2f,#f44336);box-shadow:0 5px 15px #f4433666;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(45deg,#1976d2,#2196f3);box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}.status{font-size:.85rem;font-weight:500;margin-top:10px;text-align:center}.status.connected{color:#4caf50}.status.disconnected{color:#f44336}.status.connecting{color:#ff9800}.loading{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#ffebee;border-left:4px solid #f44336;border-radius:8px;color:#c62828;font-size:.9rem;margin-top:10px;padding:10px 15px}.orientation-warning{background-color:#ffff00e6;border-radius:6px;box-shadow:0 2px 6px #0003;color:#000;font-size:16px;left:50%;padding:8px 12px;position:absolute;text-align:center;top:10px;transform:translateX(-50%);z-index:20}.video-player{background-color:#000;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.container{padding:15px}.header h1{font-size:2rem}.camera-grid{grid-template-columns:1fr}.controls,.gateway-input-group,.rtsp-input-group{flex-direction:column}.btn{width:100%}.mode-options{grid-template-columns:1fr}.gateway-header{text-align:center}.gateway-controls,.gateway-header{flex-direction:column;gap:15px}.architecture-modes{grid-template-columns:1fr}.server-stats{justify-content:center}.video-container{background:#000;border-radius:10px;height:180px;margin-bottom:15px;overflow:hidden;position:relative;width:320px}}.simulation-page{height:100%;position:relative;width:100%}.simulation-selector{background:#fff;border-radius:4px;left:10px;padding:8px;position:absolute;top:10px;z-index:3}.map-container{height:100%;width:100%}.map-legend{background:#fff;border:5px solid orange;border-radius:10px;box-shadow:0 0 4px #0003;font-size:15px;left:10px;padding:15px 20px;position:absolute;top:55px;z-index:3}.simulation-legend-main-map{left:500px;top:10px}.map-legend-steps ul{list-style:none;margin-top:8px;padding-left:0}.map-legend-steps li{font-size:14px}.link-to-synoptic-label{background-color:#81c8bb;border:1px solid;border-radius:10px;box-shadow:5px 5px 7px -3px gray;cursor:pointer;font-size:14px;font-weight:700;padding:10px;text-align:center}.link-to-synoptic-rectangle{background-color:#fff0;cursor:pointer}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 #2ecc71b3}70%{box-shadow:0 0 0 6px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}.streaming-indicator{animation:pulseGreen 1.5s infinite;background-color:#2ecc71;border:1px solid #2ecc71;border-radius:50%;height:12px;width:12px}
/*# sourceMappingURL=main.202e775a.css.map*/