h2{font-size:1.5rem}.containerStyle{line-height:1.8;padding:0rem 1rem}.titleStyle{font-size:2.5rem;font-weight:700;text-align:center}.monitorItemStyle{align-items:center;margin-bottom:5px;width:15px;height:50px;margin-right:5px;position:relative}.okStatusStyle{width:100%;height:100%;background-color:green;cursor:pointer;border-radius:5px}.alertStatusStyle{width:100%;height:100%;background-color:red;cursor:pointer;border-radius:5px}.monitorModalStyle{background-color:#fff;border:1px solid #ccc;padding:10px;color:#000;z-index:99;position:absolute;width:fit-content;min-width:300px;display:none}.monitorBars{display:flex;flex-wrap:wrap}.monitorItemStyle:hover .monitorModalStyle{display:block}.statusBlock{margin:2rem 0}.statusBlockText{text-transform:capitalize}.statusBlockItem{display:flex}.statusBlockStatus{width:18px;height:18px;background-color:green;border-radius:5px;margin-right:5px;position:relative;top:5px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;z-index:1000}.loginForm>div{margin-bottom:10px}.loginError{color:red}.appHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a}.logoContainer{display:flex;align-items:center}.authButtons{display:flex;align-items:center;gap:10px}.loginButtonStyle,.logoutButtonStyle{padding:8px 15px;cursor:pointer;border:none;font-size:14px;background-color:#434a57;color:#fff}svg#Layer_1{width:280px}