@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.listingSection{background:#fff;border-radius:10px;margin-bottom:30px;padding:20px;box-shadow:0 2px 10px #0000001a}.listingSection .heading{justify-content:space-between;align-items:center;margin-bottom:20px}.listingSection .heading .title h1{color:var(--primaryColor);font-size:1.5rem;font-weight:600}.listingSection .heading .actions{align-items:center;gap:15px}.listingSection .heading .actions .searchBox{background:#f8f9fa;border-radius:8px;align-items:center;min-width:250px;padding:8px 15px;display:flex;position:relative}.listingSection .heading .actions .searchBox .icon{color:#6c757d;margin-right:10px}.listingSection .heading .actions .searchBox input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.listingSection .heading .actions .searchBox input::placeholder{color:#6c757d}.listingSection .heading .actions .btn{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:background-color .3s;display:flex}.listingSection .heading .actions .btn:hover{background:var(--hoverColor)}.listingSection .heading .actions .btn .icon{font-size:1rem}.listingSection .tableContainer .loading-container,.listingSection .tableContainer .error-container{text-align:center;color:#6c757d;padding:40px}.listingSection .tableContainer .loading-container button,.listingSection .tableContainer .error-container button{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:15px;padding:10px 20px}.listingSection .tableContainer .loading-container button:hover,.listingSection .tableContainer .error-container button:hover{background:#1a5f3a}.listingSection .tableContainer .monitorTable{border-collapse:collapse;width:100%;margin-bottom:20px}.listingSection .tableContainer .monitorTable thead{background:#f8f9fa;border-radius:8px 8px 0 0}.listingSection .tableContainer .monitorTable thead th{text-align:center;color:#495057;border-bottom:2px solid #dee2e6;padding:15px 12px;font-size:.9rem;font-weight:600}.listingSection .tableContainer .monitorTable tbody tr{border-bottom:1px solid #f1f3f4;transition:background-color .2s}.listingSection .tableContainer .monitorTable tbody tr:hover{background:#f8f9fa}.listingSection .tableContainer .monitorTable tbody tr:last-child{border-bottom:none}.listingSection .tableContainer .monitorTable tbody tr td{color:#1e293b;vertical-align:middle;white-space:nowrap;text-align:center;padding:14px 12px;font-size:.85rem}.listingSection .tableContainer .monitorTable tbody tr td span[title]{cursor:help}.listingSection .tableContainer .monitorTable tbody tr td.empty-cell{color:#94a3b8;font-style:italic}.listingSection .tableContainer .monitorTable tbody tr td:first-child,.listingSection .tableContainer .monitorTable tbody tr th:first-child{text-align:center;width:45px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(2),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(2){width:170px;font-family:JetBrains Mono,monospace;font-weight:600}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(3),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(3){text-align:center;width:80px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(4),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(4){text-align:center;width:140px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(5),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(5){width:140px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(6),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(6){text-align:center;width:60px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(7),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(7){width:130px}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(8),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(8){text-overflow:ellipsis;width:180px;max-width:180px;overflow:hidden}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(9),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(9){width:150px;font-size:.8rem}.listingSection .tableContainer .monitorTable tbody tr td:nth-child(10),.listingSection .tableContainer .monitorTable tbody tr th:nth-child(10){text-align:center;width:90px}.listingSection .tableContainer .options-container{display:inline-block;position:relative}.listingSection .tableContainer .options-container .optionsBtn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.listingSection .tableContainer .options-container .optionsBtn:hover{color:#495057;background:#f1f3f4}.listingSection .tableContainer .options-container .options-menu{z-index:99999;background:#fff;border:1px solid #dee2e6;border-radius:8px;min-width:150px;position:absolute;right:0;overflow:visible;box-shadow:0 4px 12px #00000026}.listingSection .tableContainer .options-container .options-menu.menu-above{margin-bottom:5px;animation:.2s slideUp;top:auto;bottom:100%}.listingSection .tableContainer .options-container .options-menu.menu-below{margin-top:5px;animation:.2s slideDown;top:100%}.listingSection .tableContainer .options-container .options-menu .menu-option{text-align:left;cursor:pointer;color:#495057;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:12px 16px;transition:background-color .2s;display:flex}.listingSection .tableContainer .options-container .options-menu .menu-option:hover{color:var(--primaryColor);background:#f8f9fa}.listingSection .tableContainer .options-container .options-menu .menu-option .icon{color:var(--primaryColor);font-size:1rem}.listingSection .tableContainer .mobile-view{display:none}.listingSection .tableContainer .mobile-view .monitor-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:15px}.listingSection .tableContainer .mobile-view .monitor-card .monitor-header{border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.listingSection .tableContainer .mobile-view .monitor-card .monitor-header .monitor-id{color:var(--primaryColor);font-family:monospace;font-size:.9rem;font-weight:600}.listingSection .tableContainer .mobile-view .monitor-card .monitor-header .monitor-date{color:#6c757d;font-size:.9rem}.listingSection .tableContainer .mobile-view .monitor-card .monitor-main{margin-bottom:15px}.listingSection .tableContainer .mobile-view .monitor-card .monitor-main>div{margin-bottom:8px;font-size:.9rem}.listingSection .tableContainer .mobile-view .monitor-card .monitor-main>div strong{color:#495057;margin-right:5px}.listingSection .tableContainer .mobile-view .monitor-card .monitor-details{margin-bottom:15px}.listingSection .tableContainer .mobile-view .monitor-card .monitor-details>div{margin-bottom:8px;font-size:.9rem}.listingSection .tableContainer .mobile-view .monitor-card .monitor-details>div strong{color:#495057;margin-right:5px}.listingSection .tableContainer .mobile-view .monitor-card .monitor-details>div .location-text{color:#28a745}.listingSection .tableContainer .mobile-view .monitor-card .monitor-details>div .no-location{color:#6c757d;font-style:italic}.listingSection .tableContainer .mobile-view .monitor-card .monitor-actions{justify-content:flex-end;display:flex}.listingSection .tableContainer .mobile-view .monitor-card .monitor-actions .action-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.listingSection .tableContainer .mobile-view .monitor-card .monitor-actions .action-btn:hover{color:#495057;background:#e9ecef}.listingSection .tableContainer .mobile-view .no-monitor{text-align:center;color:#6c757d;padding:40px;font-style:italic}.listingSection .tableContainer .pagination-container{border-top:1px solid #dee2e6;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.listingSection .tableContainer .pagination-container .pagination-info{color:#6c757d;font-size:.9rem}.listingSection .tableContainer .pagination-container .pagination-controls{align-items:center;gap:10px;display:flex}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-btn{cursor:pointer;color:#495057;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:5px;padding:8px 12px;transition:all .2s;display:flex}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.listingSection .tableContainer .pagination-container .pagination-controls .pagination-btn .pagination-text{display:none}}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-pages{gap:5px;display:flex}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-pages .pagination-number{cursor:pointer;color:#495057;text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;min-width:40px;padding:8px 12px;transition:all .2s}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-pages .pagination-number:hover{background:#e9ecef;border-color:#adb5bd}.listingSection .tableContainer .pagination-container .pagination-controls .pagination-pages .pagination-number.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}@media (max-width:1024px){.listingSection .heading{flex-direction:column;align-items:stretch;gap:15px}.listingSection .heading .actions{justify-content:space-between}}@media (max-width:768px){.listingSection{padding:15px}.listingSection .heading .title h1{font-size:1.3rem}.listingSection .heading .actions{flex-direction:column;gap:10px}.listingSection .heading .actions .searchBox{width:100%;min-width:auto}.listingSection .heading .actions .btn{justify-content:center;width:100%}.listingSection .tableContainer .monitorTable{display:none}.listingSection .tableContainer .mobile-view{display:block}.listingSection .tableContainer .pagination-container{flex-direction:column;align-items:stretch;gap:15px}.listingSection .tableContainer .pagination-container .pagination-controls{justify-content:center}}@media (max-width:480px){.listingSection{padding:10px}.listingSection .heading .title h1{font-size:1.2rem}.listingSection .tableContainer .pagination-container .pagination-controls{flex-wrap:wrap;justify-content:center}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-icon.check{color:#28a745}.status-icon.times{color:#dc3545}.status-icon.warning{color:#ffc107}.status-icon.empty{color:#6c757d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.image-modal-overlay{animation:.3s ease-out fadeIn}.image-modal-container{animation:.3s ease-out modalSlideIn}