.app-container{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background-color:#0f172a;color:#e2e8f0}.sidebar{width:680px;height:100%;background-color:#0f172af2;border-right:1px solid #1e293b;display:flex;flex-direction:row;transition:transform .3s ease-in-out;z-index:1000;box-shadow:4px 0 10px #0000004d}.sidebar.closed{transform:translate(-680px);position:absolute}.sidebar-header{padding:1.5rem;border-bottom:1px solid #1e293b}.sidebar-header h1{margin:0;font-size:1.25rem;color:#60a5fa;display:flex;align-items:center;gap:.5rem}.filter-toggle-container{padding:1rem 1.5rem .75rem;border-bottom:1px solid #1e293b;background-color:#1e293b66}.toggle-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;color:#ef4444;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input{display:none}.toggle-custom-checkbox{width:18px;height:18px;border:2px solid #ef4444;border-radius:4px;position:relative;transition:all .2s ease;background-color:transparent}.toggle-label input:checked+.toggle-custom-checkbox{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.toggle-label input:checked+.toggle-custom-checkbox:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.time-filter-container{padding:1.25rem 1.5rem;border-bottom:1px solid #1e293b;background-color:#1e293b66}.time-filter-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.filter-title{color:#94a3b8}.time-range{color:#60a5fa;font-family:monospace}.slider-wrapper{position:relative;height:24px;display:flex;align-items:center}.slider-wrapper:before{content:"";position:absolute;width:100%;height:6px;border-radius:3px;background-color:#0f172a;z-index:0}.slider-track{touch-action:none;position:absolute;height:6px;border-radius:3px;background-color:#60a5fa;z-index:1}.slider{position:absolute;width:100%;height:6px;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;z-index:2}.slider::-webkit-slider-runnable-track{background:none}.slider::-webkit-slider-thumb{height:16px;width:16px;border-radius:50%;background:#60a5fa;cursor:pointer;pointer-events:auto;-webkit-appearance:none;box-shadow:0 0 4px #00000080;border:2px solid #0f172a}.slider::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#60a5fa;cursor:pointer;pointer-events:auto;border:2px solid #0f172a;box-shadow:0 0 4px #00000080}.event-list{flex:1;overflow-y:auto;padding:1rem}.event-item{padding:1rem;margin-bottom:.75rem;border-radius:8px;background-color:#1e293b;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.event-item:hover{background-color:#334155;transform:translateY(-2px)}.event-item.selected{background-color:#334155;border-color:#60a5fa}.event-item.attack{border-left-color:#ef4444}.event-item.sighting{border-left-color:#14b8a6}.event-title{font-weight:600;margin-bottom:.25rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.event-date{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.event-details{font-size:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.detail-row{display:flex;justify-content:space-between}.detail-label{color:#94a3b8}.detail-value{color:#cbd5e1}.depth-value{color:#60a5fa;font-weight:700}.loading-text{color:#94a3b8;font-style:italic;font-size:.75rem}.map-wrapper{flex:1;position:relative;height:100%;z-index:1}.sidebar-toggle{position:absolute;top:1rem;left:1rem;z-index:1010;background:#1e293b;border:1px solid #60a5fa;color:#60a5fa;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 5px #0000004d}.sidebar-toggle:hover{background:#60a5fa;color:#1e293b}.marker-pin{display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;border:2px solid #0f172a;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.marker-pin:hover{transform:scale(1.15)}.marker-pin.attack{background-color:#ef4444}.marker-pin.sighting{background-color:#14b8a6}.dropdown-filters-container{padding:1.25rem 1.5rem;border-bottom:1px solid #1e293b;background-color:#1e293b66;display:flex;flex-direction:column;gap:1rem}.dropdown-group{display:flex;flex-direction:column;gap:.35rem}.dropdown-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.custom-select{width:100%;padding:.6rem 2.5rem .6rem .75rem;border:1px solid #1e293b;border-radius:4px;background-color:#0f172a;color:#e2e8f0;font-size:.9rem;font-family:inherit;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2360a5fa' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.custom-select:focus{border-color:#60a5fa;box-shadow:0 0 8px #60a5fa40}.custom-select option{background-color:#0f172a;color:#e2e8f0}.sidebar-column{display:flex;flex-direction:column;height:100%}.filters-column{width:330px;border-right:1px solid #1e293b}.incidents-column{width:350px;background-color:#1e293b33}.filters-scroller{flex:1;overflow-y:auto;padding-bottom:1.5rem}.sidebar-column-header{padding:1.5rem;border-bottom:1px solid #1e293b;background-color:#0f172a4d}.sidebar-column-header h2{margin:0;font-size:1.1rem;color:#60a5fa;font-weight:600}.stats-container{padding:1.25rem 1.5rem;border-top:1px solid #1e293b;background-color:#1e293b33}.stats-title{margin:0 0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.stats-main-row{display:flex;gap:1rem;margin-bottom:1.25rem}.stats-card{flex:1;background-color:#1e293b;border:1px solid rgba(96,165,250,.1);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .2s ease}.stats-card:hover{border-color:#60a5fa}.stats-card-value{font-size:1.5rem;font-weight:700;color:#60a5fa}.stats-card-label{font-size:.7rem;color:#94a3b8;margin-top:.25rem;text-align:center}.stats-regional-list{display:flex;flex-direction:column;gap:.5rem}.regional-title{font-size:.8rem;color:#e2e8f0;font-weight:600;margin-bottom:.25rem;border-bottom:1px solid rgba(30,41,59,.6);padding-bottom:.25rem}.regional-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.region-name{color:#94a3b8}.region-count{color:#ef4444;font-weight:700;font-family:monospace}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:100vw!important;height:100vh;height:100dvh;flex-direction:column!important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(3.5rem + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.sidebar.closed{position:fixed;transform:translate(-100%)!important}.sidebar-column{width:100%!important;height:auto!important;border-right:none!important}.sidebar-column.incidents-column{border-top:1px solid #1e293b;overflow-y:visible!important;background-color:transparent!important}.filters-scroller{overflow-y:visible}.event-list{max-height:none;overflow-y:visible}.map-wrapper{z-index:auto}.sidebar-toggle{position:fixed;top:calc(.75rem + env(safe-area-inset-top));left:calc(.75rem + env(safe-area-inset-left));width:44px;height:44px;z-index:1010}.custom-select{font-size:16px;min-height:44px}.slider-wrapper{height:36px}.slider::-webkit-slider-thumb{height:26px;width:26px}.slider::-moz-range-thumb{height:26px;width:26px}.toggle-label{padding:.35rem 0}.toggle-custom-checkbox{width:22px;height:22px}.toggle-label input:checked+.toggle-custom-checkbox:after{left:7px;top:2px}.event-item{padding:.9rem 1rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-tap-highlight-color:transparent;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh}#root{width:100%;height:100vh;height:100dvh}