.incidents-container{width:100%;margin:0 auto;padding:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1c2023;border-radius:12px;color:#e2e8f0;box-shadow:0 8px 30px #0000001f;overflow-x:hidden;max-width:100%;display:flex;flex-direction:column;min-height:500px;height:100%;flex:1}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.incidents-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:0;background-color:#1c2023;border-radius:8px;table-layout:fixed;position:relative;transition:opacity .3s ease;border:1px solid #232730;flex-shrink:0;align-self:flex-start;min-height:100%}.table-loading{opacity:.7;pointer-events:none;overflow-x:visible!important}.incidents-table,.incidents-table tbody,.incidents-table tr{width:100%;max-width:100%;box-sizing:border-box;overflow-x:visible}.incidents-table thead{background:linear-gradient(135deg,#232730,#1e2128,#2a3042)}.incidents-table th{padding:18px 16px;text-align:left;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;border:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incidents-table th:nth-child(1),.incidents-table td:nth-child(1){width:12%}.incidents-table th:nth-child(2),.incidents-table td:nth-child(2){width:22%}.incidents-table th:nth-child(3),.incidents-table td:nth-child(3){width:18%}.incidents-table th:nth-child(4),.incidents-table td:nth-child(4){width:12%}.incidents-table th:nth-child(5),.incidents-table td:nth-child(5){width:14%}.incidents-table th:nth-child(6),.incidents-table td:nth-child(6){width:22%}.incidents-table tbody{height:100%}.incidents-table tbody tr{background-color:#1c2023;transition:all .3s ease;border-bottom:1px solid #232730}.incidents-table tr:nth-child(2n){background-color:#232730}.incidents-table tbody tr:last-child{border-bottom:none}.incidents-table tbody tr:hover{background-color:#2a3042;transform:translateY(-2px);box-shadow:0 4px 12px #00000014;transition:all .2s ease}.incidents-table td{padding:18px 16px;font-size:14px;color:#e2e8f0;border-top:none;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incidents-table td:first-child{font-weight:600;color:#4f46e5}.incident-title{font-weight:600;font-size:15px;color:#f8fafc;cursor:pointer;transition:color .2s;display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden}.incident-title:hover{color:#60a5fa;text-decoration:underline}.incidents-table .incident-location,.incidents-table .incident-type{font-weight:400;color:#cbd5e1;background-color:transparent}.incidents-table .incident-type-keying{padding:3px 8px;border-radius:4px;background-color:#e0f2fe;color:#0369a1;font-size:13px}.incidents-table .incident-type-firebombing{padding:3px 8px;border-radius:4px;background-color:#fee2e2;color:#b91c1c;font-size:13px}.incidents-table .incident-type-other{padding:3px 8px;border-radius:4px;background-color:#f3f4f6;color:#4b5563;font-size:13px}.incident-row{cursor:pointer}.missing-date-row{background-color:#fffcf8!important}.missing-date-cell{color:#b45309!important;font-style:italic;position:relative}.missing-date-cell:after{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:#f59e0b}.incidents-table td:nth-child(5){position:relative}.incident-status-badge{display:inline-block;padding:6px 12px;border-radius:50px;font-size:12px;font-weight:600;text-align:center;box-shadow:0 2px 5px #00000014;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-arrested{background-color:#86efac;color:#166534;transition:transform .2s}.status-investigation{background-color:#fcd34d;color:#92400e;transition:transform .2s}.status-icon{margin-right:6px;display:inline-block}.loading-cell{text-align:center;padding:0;color:#cbd5e1;background-color:#1c2023;font-style:italic;height:400px;display:flex;align-items:center;justify-content:center;width:100%}.empty-row{background-color:transparent!important;box-shadow:none!important;border:none!important;height:100%}.empty-cell{height:100%;background-color:transparent;border:none!important}.empty-message{width:80%;max-width:400px;font-weight:500;font-size:1.1rem;padding:30px 20px;text-align:center;color:#e2e8f0;background-color:#232730;border-radius:8px;box-shadow:0 4px 10px #00000014;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-message{background-color:#eff6ffe6;color:#1e40af;box-shadow:0 4px 15px #3b82f626;animation:pulse-opacity 1.5s infinite}@keyframes pulse-opacity{0%,to{opacity:.9}50%{opacity:1}}@media (max-width: 768px){.empty-message{width:90%;font-size:1rem;padding:20px 15px}.table-wrapper.no-scroll table{opacity:.2}}.loading-skeleton{padding:20px;width:100%;max-width:100%;box-sizing:border-box;min-height:280px;display:flex;flex-direction:column;justify-content:space-around}.skeleton-row{height:24px;margin-bottom:16px;background:linear-gradient(90deg,#f0f5ff 25%,#e5e7eb,#f0f5ff 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-row:nth-child(2){width:85%}.skeleton-row:nth-child(3){width:90%}.skeleton-row:nth-child(4){width:80%}.skeleton-row:nth-child(5){width:88%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.incidents-table{overflow-x:auto;white-space:nowrap;font-size:.9rem}.incidents-table th,.incidents-table td{width:auto;padding:12px 10px}.incidents-table th{font-size:.75rem}.incident-title{font-size:.9rem}.incidents-container{padding:10px;height:100%;display:flex;flex-direction:column;flex:1}.incident-status-badge{padding:4px 8px;font-size:.7rem}.loading-cell,.empty-cell{height:200px;font-size:.9rem;padding:20px 0}.table-wrapper{flex:1;min-height:0;overflow-y:auto}}.table-wrapper{position:relative;transition:opacity .3s ease;overflow-y:auto;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:#374151 #232730;border-radius:8px;border:1px solid #232730;box-shadow:inset 0 0 6px #00000014;flex:1;min-height:0;height:calc(100vh - 280px);display:flex;flex-direction:column;align-items:stretch}.table-wrapper.no-scroll{overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative}.table-wrapper::-webkit-scrollbar{width:14px}.table-wrapper::-webkit-scrollbar-track{background:#232730;border-radius:0;box-shadow:inset 0 0 4px #0000001a}.table-wrapper::-webkit-scrollbar-thumb{background-color:#374151;border-radius:8px;border:3px solid #232730;min-height:40px}.table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#2563eb}.scroll-indicator{position:absolute;bottom:16px;right:18px;background-color:#3b82f6e6;color:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 4px 10px #0000004d;opacity:1;transition:opacity .3s ease-in-out;z-index:10;display:flex;align-items:center;gap:4px;pointer-events:none;animation:pulse-shadow 2s infinite}.scroll-arrow{font-size:14px;margin-left:2px;animation:bounce 2s infinite}@media (max-width: 768px){.scroll-indicator{bottom:auto;top:16px;right:18px;content:"";display:flex;align-items:center}.scroll-indicator:before{content:"Swipe"}.scroll-indicator>span:first-of-type{display:none}.scroll-arrow{margin-left:6px;transform:rotate(-90deg);animation:slide-right 2s infinite}@keyframes slide-right{0%,20%,50%,80%,to{transform:translate(0) rotate(-90deg)}40%{transform:translate(5px) rotate(-90deg)}60%{transform:translate(2px) rotate(-90deg)}}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-2px)}}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes pulse-shadow{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px;background-color:#1c2023;padding:12px 16px;border-radius:8px;margin-top:auto;box-shadow:0 -2px 10px #00000014;border-top:1px solid #232730;flex-shrink:0;position:relative;z-index:5}.page-button{padding:10px 18px;background-color:#232730;border:1px solid #2a3042;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;color:#e2e8f0;font-weight:600;box-shadow:0 1px 3px #00000014;min-width:100px;text-align:center}.prev-button{margin-right:auto}.next-button{margin-left:auto}.page-numbers{display:flex;gap:8px;align-items:center;justify-content:center;min-width:200px;flex:0 0 auto}.page-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #2a3042;border-radius:8px;background-color:#232730;font-size:14px;cursor:pointer;transition:all .2s;color:#e2e8f0;box-shadow:0 1px 3px #00000014}.page-number:hover:not(:disabled):not(.active){background-color:#2a3042;border-color:#374151}.page-number.active{background-color:#374151;color:#fff;border-color:#4b5563;font-weight:600;box-shadow:0 2px 5px #0003}.page-number:disabled{opacity:.6;cursor:not-allowed}.ellipsis{margin:0 5px;color:#6b7280}.ellipsis-button{background-color:#2a3042;color:#cbd5e1;border-color:#374151;cursor:default;font-weight:400;width:40px;min-width:40px}.ellipsis-button:hover{background-color:#2a3042;border-color:#374151;transform:none}.loading-pulse{animation:button-pulse 1.5s infinite;background:linear-gradient(to right,#f3f4f6,#e2e8f0,#f3f4f6);background-size:200% 100%;box-shadow:0 0 10px #3b82f633}@keyframes button-pulse{0%{background-position:100% 0;box-shadow:0 0 2px #3b82f633}50%{background-position:0 0;box-shadow:0 0 8px #3b82f699}to{background-position:100% 0;box-shadow:0 0 2px #3b82f633}}.loading-indicator{display:inline-block;animation:pulse 1.5s infinite}.loading-spinner{display:inline-block;animation:dots-pulse 1.4s infinite ease-in-out;font-size:14px;letter-spacing:1px;vertical-align:baseline}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes dots-pulse{0%,to{opacity:.3}50%{opacity:1}}.table-controls{display:flex;flex-direction:column;margin-bottom:0;background:#1c2023;padding:8px 10px;border-radius:12px 12px 0 0;box-shadow:0 2px 6px #0000000a;border:none;flex-shrink:0}@media (max-width: 768px){.table-controls{padding:8px}}.controls-unified-row{display:flex}.filters-container{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;width:100%;padding:4px 10px;border-radius:8px;border:1px solid #2a3042;overflow-x:auto}.active-filters-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 4px;min-height:34px}.filter-group{position:relative;transition:all .2s ease;flex:1 1 0;min-width:0;max-width:120px}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:4px 20px 4px 8px;border:1px solid #2a3042;border-radius:6px;background-color:#232730;color:#e2e8f0;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cbd5e1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:12px;position:relative;height:28px}.filter-select:hover,.filter-select:focus{border-color:#93c5fd;box-shadow:0 4px 8px #00000014;outline:none}.filter-tag{display:inline-flex;align-items:center;padding:3px 10px;background-color:#2a3042;color:#e2e8f0;border-radius:30px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a;margin:0;flex-shrink:0}.filter-tag:hover{background-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 5px #00000026}.remove-filter{margin-left:6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.filter-placeholder{color:#94a3b8;font-size:12px;font-style:italic;padding-left:4px;height:24px;display:inline-block;min-width:100px}.page-size-selector{position:relative;flex:1 1 0;min-width:0;max-width:110px}.page-size-selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:4px 20px 4px 8px;border:1px solid #2a3042;border-radius:6px;background-color:#232730;color:#e2e8f0;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cbd5e1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:12px;position:relative;height:28px}.page-size-selector select:hover,.page-size-selector select:focus{border-color:#93c5fd;box-shadow:0 4px 8px #00000014;outline:none}@media (max-width: 768px){.pagination{display:grid;grid-template-areas:"prev pages next" "info info info";grid-template-columns:90px 1fr 90px;align-items:center;gap:12px;padding:12px;width:100%;position:sticky;bottom:0;background:#1c2023;z-index:10;border-top:1px solid #232730;margin-top:10px}.page-numbers{grid-area:pages;display:flex;flex-wrap:nowrap;justify-content:center;gap:4px;width:100%;min-height:36px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.page-numbers::-webkit-scrollbar{display:none}.prev-button{grid-area:prev;justify-self:start;width:90px;margin:0}.next-button{grid-area:next;justify-self:end;width:90px;margin:0}.page-info{grid-area:info;margin:0;font-size:.8rem;padding:6px 0;text-align:center;width:100%;display:block}.page-button{padding:8px 12px;font-size:.8rem;display:inline-block;text-align:center}.page-number{width:28px;height:28px;font-size:.75rem;min-width:0;padding:0}.ellipsis{font-size:.75rem;padding:0 4px}.search-input{width:100%}.filters-container{padding:4px 8px;gap:6px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters-container::-webkit-scrollbar{display:none}.filter-tag{padding:2px 6px;font-size:.7rem}.filter-select,.page-size-selector select{position:relative;z-index:1;font-size:11px;padding:5px 18px 5px 6px}.filter-group,.page-size-selector{max-width:none;flex:1}select{transform-origin:top left;position:relative}.react-select__control{min-height:32px!important}.react-select__value-container{padding:0 4px!important}}.skeleton-row-container{height:66px;width:100%}.skeleton-cell{padding:12px 16px;vertical-align:middle;box-sizing:border-box;overflow:hidden}.skeleton-row-container td:nth-child(1){width:12%}.skeleton-row-container td:nth-child(2){width:22%}.skeleton-row-container td:nth-child(3){width:18%}.skeleton-row-container td:nth-child(4){width:12%}.skeleton-row-container td:nth-child(5){width:14%}.skeleton-row-container td:nth-child(6){width:22%}.skeleton-row{height:24px;width:100%;background:linear-gradient(90deg,#f0f5ff 25%,#e5e7eb,#f0f5ff 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;box-sizing:border-box;max-width:100%}.incidents-table thead{position:sticky;top:0;background:linear-gradient(135deg,#232730,#1e2128,#2a3042);z-index:1}@media (max-width: 768px){.table-wrapper{overflow-x:auto;max-width:100%}.incidents-table{min-width:800px;white-space:nowrap}.incidents-table th:nth-child(1),.incidents-table td:nth-child(1){width:16%}.incidents-table th:nth-child(2),.incidents-table td:nth-child(2){width:30%}}.page-button:hover:not(:disabled){background-color:#2a3042;border-color:#374151;transform:translateY(-1px);transition:all .2s ease}.page-button:disabled{opacity:.6;cursor:not-allowed}.page-info{font-size:14px;color:#e2e8f0;margin-left:10px;background-color:#232730;padding:8px 12px;border-radius:6px;white-space:nowrap}