:root{--primary: #3b82f6;--bg-dark: #0f172a;--glass-bg: rgba(15, 23, 42, .85);--text-light: #f8fafc;--border: rgba(255, 255, 255, .1);--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;color:var(--text-light);background:var(--bg-dark);height:100vh;overflow:hidden}#app{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);height:100%;display:flex;flex-direction:column;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:1000;padding:1.5rem;transition:transform .3s ease}.sidebar-header{margin-bottom:2rem}.sidebar-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.75rem}.nav-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;background:transparent;border:1px solid transparent;border-radius:.75rem;color:#cbd5e1;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;font-size:.95rem}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.nav-item .icon{margin-right:.75rem;font-size:1.2rem}.filters-section{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.btn{padding:.6rem;background:#ffffff0d;border:1px solid var(--border);border-radius:.5rem;color:#cbd5e1;cursor:pointer;transition:all .2s}.btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.date-picker-wrapper input{width:100%;padding:.6rem;background:#0000004d;border:1px solid var(--border);border-radius:.5rem;color:#fff;font-family:inherit}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#0000004d;border-radius:999px;font-size:.75rem;color:#94a3b8}.dot{width:6px;height:6px;border-radius:50%;background:#64748b;margin-right:.5rem;transition:background .3s}.dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e}.dot.error{background:#ef4444;box-shadow:0 0 8px #ef4444}.sidebar-footer{margin-top:1rem;font-size:.75rem;color:#64748b;text-align:center}#map{flex:1;height:100%;z-index:1}@media (max-width: 768px){#app{flex-direction:column}.sidebar{width:100%;height:auto;max-height:40vh;padding:1rem;border-right:none;border-bottom:1px solid var(--border)}.sidebar-nav{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.nav-section{min-width:140px;margin-bottom:0}}#loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172ae6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}#loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.modal{position:fixed;z-index:3000;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal.hidden{display:none}.modal-content{max-width:90%;max-height:80vh;border-radius:8px;box-shadow:0 0 20px #00000080}.close-modal{position:absolute;top:20px;right:30px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer}#caption{margin-top:1rem;color:#ccc;font-size:1.1rem}.leaflet-popup-content-wrapper{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-light);border:1px solid var(--border);border-radius:12px}.leaflet-popup-tip{background:#0f172af2}.camera-popup img{width:100%;height:auto;border-radius:8px;margin:8px 0;border:1px solid var(--border)}.popup-btn{width:100%;padding:8px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}@media (max-width: 768px){.sidebar{position:fixed;bottom:0;left:0;width:100%;height:auto;max-height:50vh;background:transparent;border:none;z-index:2000;padding:0 0 40px;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}.sidebar-header,.sidebar-footer,.nav-section h3{display:none}.sidebar-nav{pointer-events:auto;display:flex;flex-direction:row;overflow-x:auto;padding:10px 15px;gap:12px;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{display:flex;flex-direction:row;gap:12px;margin:0;flex-shrink:0}.nav-item{flex-shrink:0;width:auto;white-space:nowrap;background:#0f172af2;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 6px #0000004d;margin:0;padding:10px 16px;border-radius:20px;font-size:.9rem}.nav-item:hover{background:#1e293b}.nav-item.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 10px #3b82f680}.nav-item .icon{margin-right:6px;font-size:1.1rem}.filters-section{pointer-events:auto;background:#0f172af2;margin:0 15px 10px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);width:calc(100% - 30px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-group{flex-direction:row;flex-wrap:wrap;gap:8px}.date-picker-wrapper{flex:1;min-width:120px}#map{flex:1;width:100%;height:100%}}