*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100vh;width:100vw}.overview{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;align-self:stretch;height:auto;flex:0 0 35%}.overview .overview-title{color:#fff;font-family:Onest;font-size:18px;font-style:normal;font-weight:500;line-height:normal;flex-shrink:0}.overview .frame-263{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;flex:1 1 auto;height:100%}.overview .frame-263 .frame-256{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:12px;border:1px solid #1d303b;background:#041925;position:relative;height:100%}.overview .frame-263 .frame-256 .chart-title{color:#8499ac;font-family:Onest;font-size:12px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:4px;flex-shrink:0}.overview .frame-263 .frame-256 .frame-259{display:flex;flex-direction:column;align-items:flex-start;padding:8px 0 8px 12px;width:100%;flex-shrink:0}.overview .frame-263 .frame-256 .frame-259 .chart-avg-value{transition:all .3s ease;color:#fff;font-family:Onest;font-size:18x;font-style:normal;font-weight:500;line-height:normal}.overview .frame-263 .frame-256 .frame-259 .chart-avg-difference{transition:all .3s ease;font-family:Onest;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.overview .frame-263 .frame-256 .frame-262{flex-grow:1;margin:0;padding:0;width:100%;height:100%;position:relative}.overview .frame-263 .frame-258{display:flex;align-items:flex-start;gap:8px;align-self:stretch;flex-shrink:0;align-items:stretch}.overview .frame-263 .card{display:flex;padding:8px 12px;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:4px;flex:1 0 0;border-radius:12px;border:1px solid #1d303b;background:#041925}.overview .frame-263 .card .card-title{color:#8499ac;font-family:Onest;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.overview .frame-263 .card .card-main-value{transition:all .3s ease;color:#fff;font-family:Onest;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.overview .frame-263 .card .card-secondary-value{transition:all .3s ease;font-family:Onest;font-size:11px;font-style:normal;font-weight:500;line-height:normal}.pulsating-status-dot{position:relative;display:inline-flex;align-items:center;justify-content:center}.pulsating-status-dot .dot{position:relative;width:10px;height:10px;border-radius:50%;z-index:2}.pulsating-status-dot .dot.up{background-color:#06c37d}.pulsating-status-dot .dot.down{background-color:#f74343}.pulsating-status-dot .pulse{position:absolute;width:9px;height:9px;border-radius:50%;z-index:1;animation:pulse 2.5s ease-in-out infinite}.pulsating-status-dot .pulse.up{background-color:#06c37d}.pulsating-status-dot .pulse.down{background-color:#f74343}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(2.5);opacity:0}to{transform:scale(1);opacity:.8}}.table-up-wrapper{width:70%;height:100%;flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px}.table-up-wrapper .MuiTypography-root{font-family:Onest!important}.table-down-wrapper{width:100%;flex:1 1 0;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px}.table-down-wrapper .MuiTypography-root{font-family:Onest!important}.table-down-wrapper .table-title{color:#fff;font-size:18px;font-weight:500;flex-shrink:0}.table-up-content,.table-down-content{flex:1 1 auto;max-height:calc(100vh - 48px);overflow-y:auto;will-change:scroll-position;border-radius:16px;border:1px solid #1d303b}.table-up-content .MuiTable-root,.table-down-content .MuiTable-root{display:flex;flex-direction:column;width:100%}.table-up-content .MuiTableHead-root,.table-down-content .MuiTableHead-root{position:sticky;top:0;z-index:10;flex-shrink:0}.table-head{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;background:#02141f}.table-head .MuiTableRow-root{display:flex;min-height:55px;flex-grow:1;width:100%;align-items:center;justify-content:space-between;transition:all .3s ease}.table-head .MuiTableCell-root{display:flex;align-items:center;min-height:55px;gap:16px;color:#8499ac;font-size:12px;font-weight:500;padding:12px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.table-up-wrapper .table-head{border-bottom:1px solid #1d303b}.table-up-wrapper .table-head .MuiTableRow-root{min-height:55px;align-items:center}.table-up-wrapper .table-head .MuiTableCell-root{border-bottom:1px solid #1d303b;align-items:center;min-height:55px}.table-up-wrapper .table-head .MuiTableCell-root:nth-child(1){flex:4 0 350px;padding:12px 16px}.table-up-wrapper .table-head .MuiTableCell-root:nth-child(n+2){flex:1.5 0 120px;padding:12px 24px}.table-down-wrapper .table-head .MuiTableRow-root{min-height:55px;align-items:center}.table-down-wrapper .table-head .MuiTableCell-root{border-bottom:1px solid rgba(247,67,67,.2);justify-content:flex-start;min-height:55px}.table-down-wrapper .table-head .MuiTableCell-root:nth-child(1){flex:2.5 0 200px;padding:10px 16px}.table-down-wrapper .table-head .MuiTableCell-root:nth-child(2){flex:1 0 84px;padding:10px 16px}.table-down-wrapper .table-head .MuiTableCell-root:nth-child(3){flex:1 0 92px;padding:10px 16px}.MuiTableBody-root{width:100%;display:flex;flex-direction:column}.MuiTableBody-root .MuiTableRow-root{display:flex;min-height:55px;align-items:center;align-self:stretch;width:100%;justify-content:space-between;transition:all .3s ease;color:#fff;font-size:12px;font-weight:500;line-height:normal}.MuiTableBody-root .MuiTableCell-root{display:flex;align-items:center;min-height:55px;align-self:stretch;padding:0 16px;gap:10px;transition:all .3s ease;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.table-up-wrapper .MuiTableBody-root .MuiTableRow-root{background-color:#02141f}.table-up-wrapper .MuiTableBody-root .MuiTableRow-root:nth-of-type(odd){background-color:#041925}.table-up-wrapper .MuiTableBody-root .MuiTableRow-root{justify-content:space-between}.table-up-wrapper .MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid #1d303b}.table-up-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(1){flex:4 0 350px;padding:10px 16px;gap:20px;transition:all .3s ease}.table-up-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(n+2){flex:1.5 0 120px;padding:10px 24px;gap:10px;transition:all .3s ease}.table-up-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(5) .last-checked{align-items:flex-start}.table-down-wrapper .MuiTableBody-root .MuiTableRow-root{background:#f743431a}.table-down-wrapper .MuiTableBody-root .MuiTableRow-root:nth-of-type(odd){background:#f743430d}.table-down-wrapper .MuiTableBody-root .MuiTableRow-root{justify-content:space-between}.table-down-wrapper .MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid rgba(247,67,67,.2)}.table-down-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(1){flex:2.5 0 200px;padding:10px 16px;gap:20px}.table-down-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(2){flex:1 0 84px;padding:10px 16px;transition:all .3s ease}.table-down-wrapper .MuiTableBody-root .MuiTableCell-root:nth-child(3){flex:1 0 92px;padding:10px 16px;transition:all .3s ease}.table-down-wrapper .MuiTableBody-root .MuiTableRow-root:last-child .MuiTableCell-root{border-bottom:none}.MuiTableCell-root:nth-child(1) .website-container{display:flex;align-items:center;gap:10px;width:100%}.MuiTableCell-root:nth-child(1) .pulsating-status-dot{flex:0 0 0}.MuiTableCell-root:nth-child(1) .website-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;flex:1 0 0}.MuiTableCell-root:nth-child(1) .website-info .website-name{display:flex;color:#fff;font-family:Onest;font-size:12px;font-style:normal;font-weight:500;line-height:normal;flex:1 0 0;transition:all .3s ease}.MuiTableCell-root:nth-child(1) .website-info .website-status{display:flex;flex:1 0 0;font-family:Onest;font-size:12px;font-style:normal;font-weight:400;line-height:normal;transition:all .3s ease}.MuiTableCell-root:nth-child(1) .website-info .website-status .is-slow{display:flex;align-items:center;gap:5px}.MuiTableCell-root:nth-child(1) .website-info .website-status .is-slow .slow-separator{margin-left:5px;font-family:Onest;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#06c37d}.MuiTableCell-root:nth-child(1) .website-info .website-status .is-slow .slow-text{color:#f98335;transition:all .3s ease}.last-checked{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;transition:all .3s ease}.last-checked .date-info{color:#8499ac;font-size:11px;font-weight:500;transition:all .3s ease}.last-checked .hour-info{color:#fff;font-size:12px;font-weight:400;transition:all .3s ease}.container{display:flex;align-items:flex-start;gap:32px;width:100%;height:100vh;padding:24px;background:#02141f}.container .frame-255{display:flex;height:100%;width:30%;flex-direction:column;align-items:flex-start;gap:32px;flex-shrink:0}