*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1e3a5f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f5f7fa;min-height:100vh}.app-loading{align-items:center;color:#1e3a5f;display:flex;flex-direction:column;height:100vh;justify-content:center}.dashboard{background-color:#f5f7fa;color:#1e3a5f;min-height:100vh;padding:20px}.header-center{align-items:center;display:flex;justify-content:center;justify-self:center}.dashboard-logo{display:block;height:30px;max-width:100%;object-fit:contain;width:auto}.dashboard-header{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #1e3a5f14;margin-bottom:20px;padding:24px}.header-top{grid-gap:15px;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:15px}.header-left,.header-top{align-items:center;gap:15px}.header-left{display:flex;justify-self:start}.user-info{align-items:center;background-color:#f0f4f8;border-radius:20px;color:#1e3a5f;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.user-label{color:#6b7280;font-weight:400}.user-name{color:#1e3a5f;font-weight:600}.status-indicator{align-items:center;background-color:#f0f4f8;border-radius:20px;color:#1e3a5f;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:10px;width:10px}.status-dot,.status-indicator.online .status-dot{background-color:#ff6b35}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-right{align-items:center;display:flex;gap:15px;justify-self:end}.app-title{color:#1e3a5f;font-size:28px;font-weight:700;letter-spacing:-.5px}.app-title .mypark-logo{display:inline-block}.app-title .mypark-logo .orange{color:#ff6b35}.app-title .mypark-logo .blue{color:#1e3a5f}.settings-btn{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.settings-btn:hover{background:#f0f4f8;border-color:#ff6b35;color:#ff6b35}.history-btn{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.history-btn:hover,.refresh-btn:hover{background:#f0f4f8;border-color:#ff6b35;color:#ff6b35}.logout-btn{background:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.search-container{align-items:center;display:flex;max-width:400px;position:relative;width:100%}.search-icon{color:#6b7280;font-size:16px;left:12px;pointer-events:none;position:absolute}.search-input{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;color:#1e3a5f;font-size:14px;font-weight:500;padding:10px 40px;transition:all .2s;width:100%}.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:4px 8px;position:absolute;right:8px;transition:all .2s;width:28px}.search-clear:hover{background:#f0f4f8;color:#ff6b35}.search-results-count{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#d32f2f;margin-bottom:20px;padding:12px 20px;text-align:center}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:20px}.dashboard-left,.dashboard-right{display:flex;flex-direction:column}.dashboard-right{gap:20px}.dashboard-bottom{margin-bottom:20px}.panel{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #1e3a5f14;padding:24px}.panel-header{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto 1fr;margin-bottom:20px}.panel-title{color:#1e3a5f;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.panel-search{flex-direction:column;gap:8px}.close-btn,.panel-search{align-items:center;display:flex}.close-btn{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.close-btn:hover{background:#333}.alerts-section{display:flex;flex-direction:column;gap:20px}@media (max-width:1200px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:10px}.dashboard-header{margin-bottom:15px;padding:16px}.header-top{gap:10px;grid-template-columns:1fr;margin-bottom:12px}.header-left{flex-wrap:wrap;gap:8px;justify-content:flex-start}.header-center{margin-bottom:10px;order:-1}.dashboard-logo-title{font-size:20px;gap:8px}.dashboard-logo-title .logo-subtitle{font-size:14px}.header-right{flex-wrap:wrap;gap:8px;justify-content:flex-start}.status-indicator,.user-info{font-size:12px;padding:6px 12px}.history-btn,.logout-btn,.refresh-btn{flex:1 1;font-size:12px;min-width:0;padding:6px 12px}.header-right{width:100%}.header-right button{flex:1 1 auto;min-width:100px}.header-search{margin-top:12px}.panel-header{gap:15px;grid-template-columns:1fr}.panel-search{width:100%}.search-container{max-width:100%}.search-input{font-size:14px;padding:8px 35px}.panel{padding:16px}.panel-title{font-size:18px;margin-bottom:15px}.status-table td,.status-table th{font-size:12px;padding:10px 8px}.status-table th{font-size:10px;padding:10px 6px}}@media (max-width:480px){.dashboard{padding:8px}.dashboard-header{padding:12px}.dashboard-logo-title{flex-direction:column;font-size:18px;gap:4px}.dashboard-logo-title .logo-subtitle{font-size:12px}.header-left{align-items:flex-start;flex-direction:column;width:100%}.status-indicator,.user-info{justify-content:center;width:100%}.header-right{flex-direction:column;width:100%}.header-right button{justify-content:center;width:100%}.status-table td,.status-table th{font-size:11px;padding:8px 4px}.status-table th{font-size:9px;padding:8px 4px}.site-id,.site-name,.site-status{font-size:11px}}.status-table-container{max-height:550px;overflow-x:auto;overflow-y:auto;position:relative}.status-table{border-collapse:collapse;font-size:14px;width:100%}.status-table thead{background-color:#f0f4f8;border-bottom:2px solid #e0e6ed;position:-webkit-sticky;position:sticky;top:0;z-index:10}.status-table th{color:#1e3a5f;font-size:12px;font-weight:700;letter-spacing:.8px;padding:14px 12px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}.status-table th.sortable{cursor:pointer;padding-right:30px;position:relative;transition:background-color .2s}.status-table th.sortable:hover{background-color:#e0e6ed}.sort-icon{color:#6b7280;font-size:14px;opacity:.5;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.status-table th.sortable:hover .sort-icon{color:#1e3a5f;opacity:1}.sort-icon.sort-asc,.sort-icon.sort-desc{color:#ff6b35;font-weight:700;opacity:1}.status-table tbody tr{background-color:#fff;border-bottom:1px solid #e0e6ed;cursor:pointer;transition:all .2s}.status-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 2px 4px #1e3a5f0d}.status-table tbody tr.selected{background-color:#fff5f0;border-left:3px solid #ff6b35}.status-table tbody tr.active{background-color:#f0fdf4;border-left:4px solid #10b981}.status-table tbody tr.critical{background-color:#fef2f2;border-left:4px solid #ef4444}.status-table tbody tr.warning{background-color:#fffbeb;border-left:4px solid #f59e0b}.status-table tbody tr.not-monitored{background-color:#f9fafb;border-left:4px solid #9ca3af;opacity:.7}.status-table td{color:#1e3a5f;padding:14px 12px}.site-id{color:#1e3a5f;font-family:Courier New,monospace;font-weight:700}.site-status{align-items:center;display:flex;font-weight:600;gap:8px}.site-status .status-icon.status-active+span{color:#10b981;font-weight:700}.site-status .status-icon.status-warning+span{color:#f59e0b;font-weight:700}.site-status .status-icon.status-critical+span{color:#ef4444;font-weight:700}.site-status .status-icon.status-not-monitored+span{color:#9ca3af;font-weight:600}.status-icon{font-size:16px;font-weight:700}.status-icon.status-active{color:#10b981;font-size:18px}.status-icon.status-warning{color:#f59e0b;font-size:18px}.status-icon.status-critical{color:#ef4444;font-size:18px}.status-icon.status-unknown{color:#9ca3af}.status-icon.status-not-monitored{color:#9ca3af;font-size:18px;opacity:.6}.no-data{color:#6b7280;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.status-table-container{-webkit-overflow-scrolling:touch;margin:0 -10px;overflow-x:auto;padding:0 10px}.status-table{min-width:600px}.status-table td,.status-table th{font-size:12px;padding:10px 8px}.status-table th{font-size:10px;white-space:nowrap}}@media (max-width:480px){.status-table-container{margin:0 -8px;padding:0 8px}.status-table{font-size:11px;min-width:500px}.status-table td,.status-table th{font-size:11px;padding:8px 4px}.status-table th{font-size:9px}.site-id,.site-name,.site-status{font-size:10px}.site-status{gap:4px}.status-icon{font-size:14px}}.alerts-panel{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.alert-item{align-items:flex-start;background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;display:flex;gap:12px;padding:14px;position:relative;transition:transform .2s,box-shadow .2s,background-color .2s}.alert-item:hover{background-color:#f8fafc;box-shadow:0 4px 12px #1e3a5f1a;transform:translateX(4px)}.alert-item.alert-critical{background-color:#fef2f2;border-left-color:#ef4444}.alert-item.alert-warning{background-color:#fffbeb;border-left-color:#f59e0b}.alert-item.alert-info{background-color:#eff6ff;border-left-color:#3b82f6}.alert-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.alert-header-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.alert-icon{align-items:center;background-color:#1e3a5f1a;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;width:28px}.alert-icon.alert-critical{background-color:#ef44441a;color:#ef4444}.alert-icon.alert-warning{background-color:#f59e0b1a;color:#f59e0b}.alert-icon.alert-info{background-color:#3b82f61a;color:#3b82f6}.alert-time{color:#6b7280;font-size:12px;font-weight:500}.alert-content{flex:1 1;margin-left:38px}.alert-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.alert-item .resolve-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.alert-item .resolve-btn:hover:not(:disabled){background-color:#218838}.alert-item .resolve-btn:disabled{background-color:#6c757d;cursor:not-allowed}.alert-dismiss-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;opacity:.6;padding:4px 8px;transition:all .2s;width:28px}.alert-item:hover .alert-dismiss-btn{opacity:1}.alert-dismiss-btn:hover:not(:disabled){background-color:#fee2e2;color:#ef4444}.alert-dismiss-btn:disabled{cursor:not-allowed;opacity:.4}.alert-message{color:#1e3a5f;font-size:14px;font-weight:600;margin-bottom:6px}.alert-site-name{color:#1e3a5f;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.alert-site-ip{color:#6b7280;font-size:11px;font-weight:500;margin-top:4px}.alerts-empty{color:#9ca3af;font-style:italic;padding:40px;text-align:center}.alerts-panel::-webkit-scrollbar{width:6px}.alerts-panel::-webkit-scrollbar-track{background:#f0f4f8;border-radius:3px}.alerts-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.alerts-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.summary-bar{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 8px #1e3a5f14;flex-wrap:wrap;gap:15px;justify-content:space-around;margin-top:20px;padding:24px}.summary-bar,.summary-item{align-items:center;display:flex}.summary-item{border-radius:6px;flex-direction:column;gap:8px;min-width:120px;padding:15px 20px;transition:transform .2s,box-shadow .2s}.summary-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.summary-item.summary-active{background-color:#f0fdf4;border:3px solid #10b981}.summary-item.summary-active .summary-icon,.summary-item.summary-active .summary-value{color:#10b981}.summary-item.summary-total{background-color:#f0f4f8;border:2px solid #1e3a5f}.summary-item.summary-critical{background-color:#fef2f2;border:3px solid #ef4444}.summary-item.summary-critical .summary-icon,.summary-item.summary-critical .summary-value{color:#ef4444}.summary-item.summary-warning{background-color:#fffbeb;border:3px solid #f59e0b}.summary-item.summary-warning .summary-icon,.summary-item.summary-warning .summary-value{color:#f59e0b}.summary-item.summary-issues{background-color:#fffbeb;border:3px solid #f59e0b}.summary-item.summary-issues .summary-icon,.summary-item.summary-issues .summary-value{color:#f59e0b}.summary-icon{font-size:24px;font-weight:700}.summary-value{color:#1e3a5f;font-size:32px;font-weight:700}.summary-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.summary-bar{flex-direction:column}.summary-item{width:100%}}.alert-popup-overlay{align-items:center;background-color:#1e3a5f99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.alert-popup{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 8px 32px #1e3a5f33;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.alert-popup-header{align-items:center;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:24px}.alert-popup-title{color:#1e3a5f;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.alert-popup-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#1e3a5f;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.alert-popup-close:hover{background:#f0f4f8;color:#ff6b35}.alert-popup-content{padding:20px}.alert-popup-main{margin-bottom:30px}.alert-popup-severity{background-color:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;margin-bottom:20px;padding:15px}.alert-popup-severity-badge{border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.alert-popup-details{display:flex;flex-direction:column;gap:15px}.alert-popup-field{display:flex;flex-direction:column;gap:6px}.alert-popup-field label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.alert-popup-value{color:#1e3a5f;font-size:16px;font-weight:600}.alert-popup-actions{border-top:1px solid #e0e6ed;padding-top:20px}.alert-popup-actions-title{color:#1e3a5f;font-size:18px;font-weight:700;margin-bottom:15px}.alert-popup-dismiss-options{display:flex;flex-direction:column;gap:20px}.dismiss-option{display:flex;flex-direction:column;gap:8px}.dismiss-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.dismiss-btn:disabled{cursor:not-allowed;opacity:.6}.dismiss-permanent{background-color:#ef4444;color:#fff}.dismiss-permanent:hover:not(:disabled){background-color:#dc2626}.dismiss-temporary-controls{align-items:center;display:flex;gap:10px}.dismiss-hours-input{background-color:#fff;border:1px solid #e0e6ed;border-radius:6px;color:#1e3a5f;font-size:14px;font-weight:600;padding:8px 12px;width:80px}.dismiss-hours-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.dismiss-hours-label{color:#1e3a5f;font-size:14px;font-weight:600}.dismiss-temporary{background-color:#ff6b35;color:#fff;flex:1 1}.dismiss-temporary:hover:not(:disabled){background-color:#e55a2b}.dismiss-description{color:#6b7280;font-size:12px;font-style:italic;font-weight:500}.alert-popup::-webkit-scrollbar{width:8px}.alert-popup::-webkit-scrollbar-track{background:#f0f4f8;border-radius:4px}.alert-popup::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.alert-popup::-webkit-scrollbar-thumb:hover{background:#94a3b8}.site-details{background-color:#f5f7fa;color:#1e3a5f;min-height:100vh;padding:20px}.site-details-error,.site-details-loading{align-items:center;color:#1e3a5f;display:flex;flex-direction:column;height:100vh;justify-content:center}.site-details-error{gap:20px}.site-details-header{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto 1fr auto;margin-bottom:30px}.back-btn{background-color:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.back-btn:hover{background-color:#f0f4f8;border-color:#ff6b35;color:#ff6b35}.site-details-title{color:#1e3a5f;font-size:28px;font-weight:700;justify-self:center;letter-spacing:-.5px;margin:0;text-align:center}.threshold-settings-btn{align-items:center;background-color:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-self:end;padding:10px 20px;transition:all .2s}.threshold-settings-btn:hover{background-color:#f0f4f8;border-color:#ff6b35;box-shadow:0 2px 8px #ff6b3533;color:#ff6b35}.site-details-content{display:flex;flex-direction:column;gap:20px}.site-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.site-info-item{display:flex;flex-direction:column;gap:6px}.site-info-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.site-info-value{color:#1e3a5f;font-size:16px;font-weight:600}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#ff6b35;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.metrics-panel{display:flex;flex-direction:column;gap:20px}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.metric-card{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;padding:20px;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #1e3a5f1a;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.metric-title{color:#1e3a5f;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.metric-percentage{font-size:16px;font-weight:700}.metric-value{align-items:baseline;display:flex;gap:8px;margin-bottom:12px}.metric-value .value{color:#1e3a5f;font-size:32px;font-weight:700}.metric-value .unit{color:#6b7280;font-size:16px}.metric-bar{background-color:#f0f4f8;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.metric-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.metric-additional,.metric-max{color:#6b7280;font-size:12px;font-weight:500}.metric-additional{margin-top:8px}.metric-response-time{font-size:14px;font-weight:600;margin-top:8px}.metrics-alerts{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;padding:20px}.metrics-alerts-title{color:#1e3a5f;font-size:18px;font-weight:700;margin-bottom:15px}.metrics-alerts-list{display:flex;flex-direction:column;gap:10px}.metrics-alert{align-items:center;background-color:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;display:flex;gap:12px;padding:12px;position:relative}.metrics-alert-critical{background-color:#fef2f2;border-left-color:#ef4444}.metrics-alert-warning{background-color:#fffbeb;border-left-color:#f59e0b}.metrics-alert-icon{align-items:center;background-color:#1e3a5f1a;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;width:28px}.metrics-alert-critical .metrics-alert-icon{background-color:#ef44441a;color:#ef4444}.metrics-alert-warning .metrics-alert-icon{background-color:#f59e0b1a;color:#f59e0b}.metrics-alert-message{color:#1e3a5f;flex:1 1;font-weight:600}.metrics-alert-time{color:#6b7280;font-size:12px;font-weight:500}.metrics-alert .resolve-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px;transition:background-color .2s}.metrics-alert .resolve-btn:hover:not(:disabled){background-color:#218838}.metrics-alert .resolve-btn:disabled{background-color:#6c757d;cursor:not-allowed}.dynamic-metrics{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(350px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(350px,max-content));margin-top:20px}.metric-section{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;max-width:450px;padding:16px;width:100%}.metric-section-title{color:#1e3a5f;font-size:16px;font-weight:700;margin-bottom:12px;text-transform:capitalize}.metric-list{display:flex;flex-direction:column;gap:12px}.metric-list-item{background-color:#f8fafc;border:1px solid #e0e6ed;border-radius:8px;padding:12px}.metric-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-list-name-section{display:flex;flex-direction:column;gap:4px}.metric-list-name{color:#1e3a5f;font-size:14px;font-weight:600}.metric-list-ip{color:#1e3a5f!important;font-family:Courier New,monospace;font-size:12px;font-weight:700!important}.metric-list-status{background-color:#1e3a5f1a;border-radius:4px;color:#1e3a5f;font-size:12px;font-weight:700;padding:4px 8px}.metric-list-detail{display:flex;font-size:12px;gap:8px;margin-top:4px}.metric-list-label{color:#6b7280;font-weight:600;text-transform:capitalize}.metric-list-value{color:#1e3a5f;font-weight:500}.metric-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-detail-row{display:flex;flex-direction:column;gap:4px}.metric-detail-label{color:#6b7280;font-size:12px;font-weight:600;text-transform:capitalize}.metric-detail-value{color:#1e3a5f;font-size:14px;font-weight:600}.metric-status{background-color:#1e3a5f1a;border-radius:4px;color:#1e3a5f;font-size:12px;font-weight:700;padding:4px 8px}.metrics-info{grid-gap:15px;background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.info-row{display:flex;flex-direction:column;gap:4px}.info-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e3a5f;font-size:16px;font-weight:600}@media (max-width:768px){.dynamic-metrics{grid-template-columns:1fr}.metric-section{max-width:100%}}.threshold-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1e3a5f80;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.threshold-modal{background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #1e3a5f33;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.threshold-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:24px}.threshold-modal-tabs{background-color:#fff;border-bottom:1px solid #e0e6ed;display:flex;padding:0 24px}.threshold-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.threshold-tab:hover{background-color:#f8f9fa;color:#1e3a5f}.threshold-tab.active{background-color:#fff;border-bottom-color:#ff6b35;color:#ff6b35}.threshold-modal-header h2{color:#1e3a5f;font-size:24px;font-weight:700;margin:0}.threshold-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.threshold-modal-close:hover{background-color:#e0e6ed;color:#1e3a5f}.threshold-modal-content{flex:1 1;overflow-y:auto;padding:24px}.threshold-site-info{align-items:center;background-color:#f0f4f8;border-left:4px solid #ff6b35;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px}.threshold-site-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.threshold-site-name{color:#1e3a5f;font-size:16px;font-weight:600}.threshold-error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px}.threshold-success-message{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;color:#065f46;font-size:14px;margin-bottom:20px;padding:12px}.threshold-form{display:flex;flex-direction:column;gap:20px}.threshold-section{background-color:#fafafa;border:1px solid #e0e6ed;border-radius:8px;padding:20px;transition:all .2s}.threshold-section:hover{border-color:#ff6b35;box-shadow:0 2px 8px #ff6b351a}.threshold-section-title{align-items:center;border-bottom:2px solid #e0e6ed;color:#1e3a5f;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 15px;padding-bottom:10px}.threshold-indicator{border-radius:50%;box-shadow:0 0 0 3px #0000001a;display:inline-block;height:12px;width:12px}.threshold-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.threshold-input-group,.threshold-input-group label{display:flex;flex-direction:column}.threshold-input-group label{color:#374151;font-size:14px;font-weight:500;gap:8px}.threshold-input-group input{background-color:#fff;border:1px solid #e0e6ed;border-left:4px solid #6b7280;border-radius:6px;color:#1e3a5f;font-size:14px;padding:10px 12px;transition:all .2s}.threshold-input-group input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.threshold-input-group input:hover{border-color:#d1d5db}.threshold-modal-actions{border-top:1px solid #e0e6ed;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.threshold-btn-reset,.threshold-btn-save{border:none;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.threshold-btn-save{background-color:#ff6b35;color:#fff}.threshold-btn-save:hover:not(:disabled){background-color:#e55a2b;box-shadow:0 4px 12px #ff6b354d}.threshold-btn-reset{background-color:#fff;border:1px solid #e0e6ed;color:#1e3a5f}.threshold-btn-reset:hover:not(:disabled){background-color:#f0f4f8;border-color:#ff6b35;color:#ff6b35}.threshold-btn-reset:disabled,.threshold-btn-save:disabled{cursor:not-allowed;opacity:.6}.threshold-modal-loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.alert-settings-section{margin-bottom:20px}.alert-settings-title{border-bottom:2px solid #e0e6ed;color:#1e3a5f;font-size:18px;font-weight:600;margin:0 0 10px;padding-bottom:10px}.alert-settings-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.alert-settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.alert-setting-item{background-color:#fff;border:1px solid #e0e6ed;border-radius:6px;padding:15px;transition:all .2s}.alert-setting-item:hover{border-color:#ff6b35;box-shadow:0 2px 8px #ff6b351a}.alert-setting-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between}.alert-setting-toggle{-webkit-appearance:none;appearance:none;background-color:#9ca3af;border-radius:12px;cursor:pointer;height:24px;outline:none;position:relative;transition:background-color .2s;width:48px}.alert-setting-toggle:checked{background-color:#10b981}.alert-setting-toggle:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.alert-setting-toggle:checked:before{transform:translateX(24px)}@media (max-width:768px){.threshold-modal{margin:10px;max-height:95vh}.threshold-modal-content{padding:16px}.alert-settings-grid,.threshold-row{grid-template-columns:1fr}.threshold-modal-actions{flex-direction:column}.threshold-btn-reset,.threshold-btn-save{width:100%}}.message-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-modal{animation:slideUp .3s ease-out;background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 4px 20px #1e3a5f26;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-modal-content{align-items:flex-start;display:flex;gap:16px;padding:24px}.message-modal-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.message-modal.success .message-modal-icon{background-color:#d4edda;color:#28a745}.message-modal.error .message-modal-icon{background-color:#f8d7da;color:#dc3545}.message-modal.warning .message-modal-icon{background-color:#fff3cd;color:#ffc107}.message-modal.info .message-modal-icon{background-color:#d1ecf1;color:#1e3a5f}.message-modal-message{color:#1e3a5f;flex:1 1;font-size:16px;font-weight:500;line-height:1.5}.message-modal-actions{border-top:1px solid #e0e6ed;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.message-modal-button{background-color:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 24px;transition:background-color .2s}.message-modal-button:hover{background-color:#2d4a6f}.message-modal.success .message-modal-button{background-color:#28a745}.message-modal.success .message-modal-button:hover{background-color:#218838}.message-modal.error .message-modal-button{background-color:#dc3545}.message-modal.error .message-modal-button:hover{background-color:#c82333}.message-modal.warning .message-modal-button{background-color:#ffc107;color:#1e3a5f}.message-modal.warning .message-modal-button:hover{background-color:#e0a800}.alerts-history{margin:0 auto;max-width:1600px;padding:20px}.alerts-history-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.alerts-history-header h1{color:#1e3a5f;flex:1 1;font-size:32px;margin:0}.refresh-btn{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:6px;box-shadow:0 1px 3px #1e3a5f1a;color:#1e3a5f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#f0f4f8;border-color:#ff6b35;color:#ff6b35}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.back-button{background-color:#1e3a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s}.back-button:hover{background-color:#2d4a6f}.alerts-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;padding:20px;text-align:center}.stat-card.critical{border-left:4px solid #dc3545}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.resolved{border-left:4px solid #28a745}.stat-card.unresolved{border-left:4px solid #6c757d}.stat-label{color:#6b7280;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1e3a5f;font-size:32px;font-weight:700}.alerts-filters{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;margin-bottom:30px;padding:24px}.alerts-filters h2{color:#1e3a5f;font-size:20px;margin:0 0 20px}.filters-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;color:#1e3a5f;font-size:14px;padding:10px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#1e3a5f;outline:none}.clear-filters-btn{background-color:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .2s}.clear-filters-btn:hover{background-color:#5a6268}.alerts-table-container{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 2px 4px #1e3a5f0d;overflow-x:auto;padding:24px}.bulk-actions-bar{align-items:center;background-color:#f0f4f8;border:1px solid #e0e6ed;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selected-count{color:#1e3a5f;font-size:14px;font-weight:600}.resolve-selected-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.resolve-selected-btn:hover:not(:disabled){background-color:#218838}.resolve-selected-btn:disabled{background-color:#6c757d;cursor:not-allowed}.error,.loading,.no-alerts{color:#6b7280;font-size:16px;padding:40px;text-align:center}.error{color:#dc3545}.alerts-table{border-collapse:collapse;font-size:14px;width:100%}.alerts-table thead{background-color:#f8f9fa;border-bottom:2px solid #e0e6ed}.alerts-table th{color:#1e3a5f;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.checkbox-column{text-align:center;width:40px}.checkbox-column input[type=checkbox]{accent-color:#1e3a5f;cursor:pointer;height:18px;width:18px}.alerts-table td{border-bottom:1px solid #e0e6ed;color:#1e3a5f;padding:12px}.alerts-table tbody tr:hover{background-color:#f8f9fa}.alerts-table tbody tr.resolved{opacity:.7}.site-info{display:flex;flex-direction:column;gap:4px}.site-name{color:#1e3a5f;font-weight:600}.site-ip{color:#6b7280;font-family:Courier New,monospace;font-size:12px}.alert-type{color:#1e3a5f;font-weight:500}.message-cell{word-wrap:break-word;max-width:400px}.severity-badge{color:#fff;font-weight:700;letter-spacing:.5px}.severity-badge,.status-badge{border-radius:12px;display:inline-block;font-size:11px;padding:4px 12px;text-transform:uppercase}.status-badge{font-weight:600}.resolved-badge{background-color:#28a745;color:#fff}.unresolved-badge{background-color:#6c757d;color:#fff}.resolved-date{font-size:10px;margin-top:4px;opacity:.8}.resolve-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.resolve-btn:hover{background-color:#218838}.pagination{align-items:center;border-top:1px solid #e0e6ed;display:flex;gap:20px;justify-content:center;margin-top:24px;padding-top:24px}.pagination button{background-color:#1e3a5f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.pagination button:hover:not(:disabled){background-color:#2d4a6f}.pagination button:disabled{background-color:#9ca3af;cursor:not-allowed}.pagination span{color:#1e3a5f;font-weight:600}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.alerts-table{font-size:12px}.alerts-table td,.alerts-table th{padding:8px}.message-cell{max-width:200px}}.login-container{align-items:center;background-color:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background-color:#fff;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 4px 12px #1e3a5f1a;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;display:flex;justify-content:center;margin-bottom:24px;width:100%}.login-logo-img{display:block;height:30px;margin:0 auto;max-width:100%;object-fit:contain;width:auto}.login-title{color:#1e3a5f;font-size:28px;font-weight:700;margin:0 0 8px}.login-subtitle{color:#6b7280;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-weight:600}.form-input,.form-label{color:#1e3a5f;font-size:14px}.form-input{background-color:#fff;border:1px solid #e0e6ed;border-radius:8px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-input:disabled{background-color:#f5f7fa;cursor:not-allowed}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;padding:12px 16px}.login-button{background-color:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:background-color .2s,transform .1s}.login-button:hover:not(:disabled){background-color:#e55a2b;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:#cbd5e1;cursor:not-allowed;transform:none}
/*# sourceMappingURL=main.1acee538.css.map*/